/* Two authored visual stories. All mock interface controls inside them are decorative. */
.discovery-section{position:relative;overflow:hidden;background:#0b0b0d;color:var(--ivory);border-top:1px solid #352832}
.discovery-section .section-heading{margin-bottom:clamp(2rem,4vw,4rem)}
.discovery-section .section-heading>p{color:#d3c3c9}
.discovery-topline,.discovery-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.discovery-topline{padding:.7rem 0;color:#c295a6;border-top:1px solid #58404b;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.discovery-touch-hint{display:none}
.discovery-stage{--spot-x:50%;--spot-y:48%;--drift-x:0px;--drift-y:0px;position:relative;height:clamp(470px,53vw,710px);overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 60% 45%,#492033 0%,#21151f 45%,#100e12 100%);border:1px solid #654554;box-shadow:0 30px 80px #0009;touch-action:auto}
.discovery-grid,.discovery-edge{position:absolute;inset:0;pointer-events:none}
.discovery-grid{background:linear-gradient(90deg,#e7a8bd12 1px,transparent 1px) 0 0 / 4.1667% 100%,linear-gradient(#e7a8bd0c 1px,transparent 1px) 0 0 / 100% 64px;opacity:.75}
.discovery-world{position:absolute;inset:0;pointer-events:none;transform:translate3d(var(--drift-x),var(--drift-y),0);will-change:transform}
.discovery-word{position:absolute;z-index:0;color:#d3a3b0;font-size:clamp(3.5rem,9vw,9rem);line-height:1;letter-spacing:-.075em;opacity:.36;white-space:nowrap}
.word-design{left:2%;top:3%}.word-build{right:5%;top:18%}.word-create{left:4%;bottom:5%}.word-grow{right:3%;bottom:3%}
.discovery-browser{position:absolute;z-index:2;left:8%;top:14%;width:62%;height:67%;border:1px solid #b78898;background:#24151e;box-shadow:0 35px 75px #070307a8;transform:rotate(-2.3deg)}
.discovery-browser-bar,.making-chrome{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#20151c;color:#e2c9d1;padding:0 3%;font-size:clamp(.5rem,.8vw,.7rem);letter-spacing:.1em;white-space:nowrap}
.discovery-browser-bar{height:34px}
.discovery-dots,.making-dots{display:flex;gap:5px}.discovery-dots i,.making-dots i{display:block;width:6px;height:6px;border:1px solid #b18c99;border-radius:50%}
.discovery-browser-page{height:calc(100% - 34px);position:relative;overflow:hidden;background:#34232c}
.discovery-browser-page img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:saturate(.8)}
.discovery-browser-page::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#190e1bbb,transparent 85%),linear-gradient(0deg,#170e1599,transparent 40%)}
.discovery-browser-copy{position:absolute;z-index:1;left:5%;top:17%;display:flex;align-items:flex-start;flex-direction:column;gap:clamp(.75rem,2vw,2rem);color:#fff}
.discovery-browser-copy>span:first-child{font-size:clamp(.5rem,.8vw,.7rem);letter-spacing:.14em;text-transform:uppercase}
.discovery-browser-copy strong{font-size:clamp(2rem,4vw,4.7rem);font-weight:400;letter-spacing:-.055em;line-height:1.02}
.discovery-browser-copy em,.discovery-social em{font-family:Studio Serif,Georgia,serif;font-weight:400}
.discovery-faux-action{padding:.65rem .85rem;background:#f0e5db;color:#321d29;font-size:clamp(.55rem,.8vw,.72rem)}
.discovery-social{position:absolute;z-index:3;right:9%;top:13%;width:23%;height:52%;padding:clamp(.9rem,1.8vw,2rem);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#a54e69,#611b36 65%,#330f22);color:#f9e9ed;box-shadow:0 30px 60px #12050baa;transform:rotate(5deg)}
.discovery-social>span,.discovery-social-footer{font-size:clamp(.5rem,.75vw,.68rem);letter-spacing:.08em}
.discovery-social strong{font-weight:400;font-size:clamp(1.7rem,3.2vw,3.6rem);letter-spacing:-.06em;line-height:1}
.discovery-social-footer{display:flex;justify-content:space-between;gap:.3rem;border-top:1px solid #f4ced270;padding-top:.7rem}
.discovery-ui{position:absolute;z-index:4;right:7%;bottom:11%;width:30%;height:27%;padding:clamp(.7rem,1.6vw,1.5rem);display:flex;flex-direction:column;justify-content:space-between;background:#eae3da;color:#311b27;box-shadow:0 22px 45px #0d060eaa;transform:rotate(-3deg)}
.discovery-ui>span{font-size:clamp(.5rem,.73vw,.7rem);letter-spacing:.09em}
.discovery-ui strong{font-size:clamp(1.2rem,2.1vw,2.4rem);font-weight:400;letter-spacing:-.05em;line-height:1}
.discovery-ui-bars{display:flex;gap:5px;align-items:flex-end;height:24%;border-bottom:1px solid #957f8a}
.discovery-ui-bars i{display:block;width:20%;background:#7a304e}.discovery-ui-bars i:nth-child(1){height:42%}.discovery-ui-bars i:nth-child(2){height:68%}.discovery-ui-bars i:nth-child(3){height:54%}.discovery-ui-bars i:nth-child(4){height:89%}
.discovery-coordinates{position:absolute;left:3%;bottom:4%;font-size:.65rem;letter-spacing:.14em;color:#ddb9c7}
.discovery-veil{position:absolute;z-index:6;inset:0;pointer-events:none;background:radial-gradient(ellipse 370px 330px at var(--spot-x) var(--spot-y),#0b0b0d05 0%,#0b0b0d26 30%,#0b0b0dbb 78%,#0b0b0df5 100%)}
.discovery-edge{z-index:7;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E"),radial-gradient(ellipse 430px 370px at var(--spot-x) var(--spot-y),#b850741e,transparent 80%);background-size:180px 180px,auto;mix-blend-mode:screen}
.discovery-bottom{padding:1rem 0 0;border-bottom:1px solid #49333e;color:#bfaab3}
.discovery-bottom p{color:#e3d2d8;max-width:38rem;font-size:.95rem}
.discovery-bottom>.micro{text-align:right;color:#b38294}
.discovery-reveal{display:none;min-height:44px;padding:.6rem .75rem;border:1px solid #ad7589;background:#4e1a30;color:var(--ivory);font-size:.8rem}
.discovery-reveal span{margin-left:1rem}

.making-section{overflow:clip}
.making-intro{display:grid;grid-template-columns:5fr 13fr 6fr;align-items:end;gap:1.5rem;padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(2rem,4vw,4rem)}
.making-intro>.micro{grid-column:1;align-self:start;color:#7b3750;padding-top:.5rem}
.making-intro h2{font-size:clamp(3rem,5.2vw,6rem);line-height:1;letter-spacing:-.06em}
.making-intro>p{max-width:27rem;color:#4c4144;font-size:1rem}
.making-runway{position:relative;height:350svh}
.making-sticky{position:sticky;top:6rem;height:calc(100svh - 6rem);display:grid;grid-template-columns:minmax(240px,27%) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,6rem);padding-block:clamp(1.5rem,3vw,3.5rem)}
.making-narrative{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid #bba7ac;border-bottom:1px solid #bba7ac;padding:1rem 0}
.making-narrative>.micro{color:#7b3750}
.making-phase{margin-block:auto}
.making-count{font-size:.8rem;color:#843951;letter-spacing:.1em}
.making-phase h3{font-size:clamp(3.2rem,5vw,6rem);line-height:1;letter-spacing:-.065em;margin:.6rem 0 1.3rem}
.making-phase p{font-size:clamp(.94rem,1.1vw,1.08rem);line-height:1.55;color:#453a3e;max-width:21rem;min-height:5.2em}
.making-track{display:flex;flex-wrap:wrap;gap:.3rem .6rem;margin-bottom:1.5rem}
.making-track span{position:relative;color:#77696d;font-size:.7rem;letter-spacing:.07em;padding-bottom:.4rem;transition:color .2s}
.making-track span:not(:last-child)::after{content:"/";margin-left:.6rem;color:#aa9ba0}
.making-track .is-current{color:#701e3a;font-weight:700;border-bottom:2px solid #822e49}
.making-scroll-prompt{display:none;color:#836f76;font-size:.78rem}
.making-section.is-scrubbing .making-scroll-prompt{display:block}
.making-scene{--organize:1;--scatter:0;--idea-away:1;--browser-on:1;--wire-away:1;--design-reveal:100%;--launch-on:1;--tilt:0deg;position:relative;align-self:stretch;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 60% 45%,#47283a,#1c141d 65%,#120f14);border:1px solid #5b414d;box-shadow:0 30px 65px #2a142438;perspective:1000px}
.making-scene-grid{position:absolute;inset:0;opacity:.52;background:linear-gradient(90deg,#d7abb017 1px,transparent 1px) 0 0 / 4.1667% 100%,linear-gradient(#d7abb012 1px,transparent 1px) 0 0 / 100% 52px;transform:translate3d(0,calc(var(--organize) * -10px),0)}
.making-idea{position:absolute;inset:0;opacity:calc(1 - var(--idea-away));pointer-events:none}
.making-note{position:absolute;display:block;color:#f1e7df;line-height:1.2;box-shadow:0 15px 35px #0005}
.note-one{top:18%;left:14%;font-size:clamp(2rem,3.9vw,4.4rem);letter-spacing:-.06em;transform:translate3d(calc(var(--scatter) * -50px),calc(var(--scatter) * 30px),0) rotate(calc(var(--scatter) * -7deg))}
.note-two{top:12%;right:9%;background:#dbc8c6;color:#512038;padding:1.4rem;font-size:clamp(.8rem,1.2vw,1.1rem);transform:translate3d(calc(var(--scatter) * 30px),calc(var(--scatter) * -20px),0) rotate(calc(var(--scatter) * 8deg))}
.note-two i{display:block;border-bottom:1px solid #7a4055;width:80%;margin:.8rem auto 0;transform:rotate(-9deg)}
.note-three{top:46%;left:12%;padding:1.2rem;background:#7c2d48;font-size:clamp(.75rem,1vw,1rem);transform:translate3d(calc(var(--scatter) * -40px),calc(var(--scatter) * 20px),0) rotate(calc(var(--scatter) * 5deg))}
.note-four{right:11%;bottom:23%;border-bottom:1px solid #dba5b4;padding:.8rem;font-size:clamp(.9rem,1.5vw,1.3rem);transform:translate3d(calc(var(--scatter) * 25px),calc(var(--scatter) * 40px),0) rotate(calc(var(--scatter) * -6deg))}
.note-five{left:12%;bottom:10%;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#d2a8b7}
.making-sketch{position:absolute;border:1px solid #c8a3ae7d;opacity:.85}
.sketch-one{left:20%;top:32%;width:58%;height:42%;transform:rotate(calc(var(--scatter) * -4deg))}
.sketch-two{left:48%;top:28%;width:23%;height:30%;transform:rotate(calc(var(--scatter) * 7deg))}
.making-browser{position:absolute;left:7%;top:15%;width:86%;height:70%;background:#e9e0d8;border:1px solid #a6848e;box-shadow:0 27px 70px #030204a8;opacity:var(--browser-on);transform:rotateY(var(--tilt)) translate3d(0,calc(var(--scatter) * 20px),0)}
.making-chrome{height:36px;background:#231b20;color:#c9aeb9}
.making-canvas{position:relative;height:calc(100% - 36px);overflow:hidden;background:#eee9e3}
.making-wireframe,.making-finish{position:absolute;inset:0}
.making-wireframe{opacity:calc(1 - var(--wire-away));background:#eee9e3;color:#806c73}
.wire-nav{height:13%;border-bottom:1px solid #b8a9a9;display:flex;justify-content:space-between;align-items:center;padding:0 4%}
.wire-block{display:block;background:#b8a6aa}
.wire-logo{width:11%;height:17%}.wire-menu{width:22%;height:10%}.wire-small{width:6%;height:10%}
.wire-main{height:69%;display:grid;grid-template-columns:48% 52%;padding:4%}
.wire-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6%;justify-content:center}
.wire-eyebrow{width:35%;height:3%}.wire-heading{width:83%;height:12%}.wire-heading.short{width:57%}.wire-body{width:67%;height:5%;background:#d4c5c5}.wire-button{width:32%;height:11%;background:#895368}
.wire-image{position:relative;background:#d1c6c0;display:grid;place-items:center;font-size:.72rem;letter-spacing:.1em}
.wire-image i{position:absolute;inset:0;border:1px solid #ac989d;transform:rotate(20deg) scale(.55)}
.wire-image i:last-child{transform:rotate(-20deg) scale(.55)}
.wire-booking{height:18%;display:grid;grid-template-columns:repeat(4,1fr);gap:1%;padding:2% 4%}
.wire-booking .wire-block{height:58%;background:#c6b4b6}
.wire-booking .wire-block:last-child{background:#90516a}
.making-finish{clip-path:inset(0 calc(100% - var(--design-reveal)) 0 0);color:#fff;background:#482b34}
.making-finish img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% center}
.making-photo-wash{position:absolute;inset:0;background:linear-gradient(90deg,#241522bd 0%,#2415222f 65%),linear-gradient(0deg,#21151e91,transparent 36%)}
.making-site-nav{position:relative;z-index:1;height:13%;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #f3e4d87d;padding:0 4%;font-size:clamp(.52rem,.78vw,.78rem);white-space:nowrap}
.making-site-nav strong{font-size:clamp(1.2rem,1.7vw,1.9rem);font-weight:400;letter-spacing:.16em}.making-site-nav small{display:block;font-size:.38em;letter-spacing:.26em;text-align:center}
.making-site-copy{position:absolute;left:6%;top:26%;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(.5rem,1.5vw,1.5rem)}
.making-site-copy>span:first-child{font-size:clamp(.5rem,.8vw,.7rem);letter-spacing:.13em}
.making-site-copy strong{font-weight:400;font-size:clamp(2rem,4vw,4.7rem);letter-spacing:-.06em;line-height:1.03}
.making-site-copy em{font:italic 1em Studio Serif,Georgia,serif}
.making-site-action{background:#f0e5d8;color:#42202d;padding:.75rem 1rem;font-size:clamp(.55rem,.8vw,.75rem)}
.making-site-booking{position:absolute;z-index:1;left:4%;right:4%;bottom:4%;display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;background:#eee8df;color:#312126;box-shadow:0 12px 25px #12070d55;font-size:clamp(.55rem,.78vw,.78rem)}
.making-site-booking>span,.making-site-booking>b{padding:.7rem .9rem;border-right:1px solid #b8aaa7;font-weight:400}.making-site-booking small{display:block;font-size:.7em;letter-spacing:.1em;color:#8a616f}.making-site-booking>b{background:#67213b;color:#fff;display:grid;place-items:center;white-space:nowrap}
.making-final-stamp{position:absolute;z-index:2;right:3%;top:7%;background:#772c48;color:#fff;padding:.65rem .8rem;font-size:.65rem;letter-spacing:.12em;opacity:var(--launch-on);transform:translate3d(0,calc((1 - var(--launch-on)) * 20px),0)}
.making-final-stamp span{margin-left:1rem}
.making-scene-caption{position:absolute;bottom:4%;left:7%;right:7%;display:flex;justify-content:space-between;color:#c5a8b4;font-size:.6rem;letter-spacing:.1em}
.making-outro{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding-top:2rem;padding-bottom:clamp(5rem,8vw,8rem);border-top:1px solid #c9b7b8}
.making-outro p{max-width:41rem;color:#62585b;font-size:.85rem}.making-outro a{color:#6e1e3c;flex-shrink:0}

@media(max-width:1050px){
  .making-intro{grid-template-columns:1fr 2fr}.making-intro>p{grid-column:2}
  .making-sticky{grid-template-columns:minmax(205px,28%) minmax(0,1fr);gap:1.8rem}
  .making-track{gap:.3rem}.making-track span{font-size:.59rem}.making-track span:not(:last-child)::after{margin-left:.25rem}
}
@media(max-width:760px){
  .discovery-section{padding-block:4.5rem}
  .discovery-section .section-heading{margin-bottom:2rem}
  .discovery-topline{font-size:.58rem}.discovery-pointer-hint{display:none}.discovery-touch-hint{display:block}
  .discovery-stage{height:clamp(430px,112vw,540px)}
  .discovery-browser{left:5%;top:10%;width:81%;height:58%;transform:rotate(-2deg)}
  .discovery-browser-copy{top:19%;gap:.8rem}.discovery-browser-copy strong{font-size:clamp(1.6rem,6vw,2.4rem)}
  .discovery-social{right:4%;top:53%;width:39%;height:37%;padding:.8rem}.discovery-social strong{font-size:clamp(1.45rem,5vw,2.4rem)}
  .discovery-social-footer span:first-child{display:none}
  .discovery-ui{left:6%;right:auto;bottom:10%;width:49%;height:20%;transform:rotate(3deg)}
  .discovery-ui strong{font-size:clamp(1rem,3.5vw,1.7rem)}.discovery-ui-bars{display:none}
  .discovery-word{font-size:clamp(2.9rem,12vw,5.5rem)}.word-build{top:33%}.word-grow{bottom:2%}
  .discovery-coordinates{display:none}
  .discovery-veil{background:radial-gradient(ellipse 270px 260px at 45% 42%,#0b0b0d20 0%,#0b0b0d88 73%,#0b0b0dcc 100%);transition:opacity .7s var(--ease)}
  .discovery-stage.is-uncovered .discovery-veil{opacity:.13}
  .discovery-section.has-uncover-controls .discovery-reveal{display:block;flex-shrink:0}
  .discovery-bottom{flex-wrap:wrap;align-items:flex-start}.discovery-bottom p{flex-basis:100%}.discovery-bottom>.micro{align-self:center}
  .making-intro{display:block;padding-top:5rem;padding-bottom:2rem}.making-intro h2{margin:1rem 0;font-size:clamp(3.1rem,9vw,4.8rem)}.making-intro>p{max-width:33rem}
  .making-runway{height:300svh}
  .making-sticky{top:78px;height:calc(100svh - 78px);display:flex;flex-direction:column;gap:.8rem;padding-block:.7rem}
  .making-narrative{flex:0 0 auto;width:100%;padding:.45rem 0;border-bottom:0}
  .making-narrative>.micro{font-size:.55rem}
  .making-phase{display:grid;grid-template-columns:1fr 2fr;gap:.3rem .8rem;align-items:center;margin:.4rem 0}
  .making-count{grid-column:1/-1;font-size:.62rem}
  .making-phase h3{font-size:clamp(2.1rem,7vw,3.7rem);margin:0}
  .making-phase p{font-size:.82rem;line-height:1.32;min-height:2.65em;max-width:none}
  .making-track{margin:0;flex-wrap:nowrap;justify-content:space-between;gap:.15rem}.making-track span{font-size:clamp(.49rem,1.7vw,.7rem)}
  .making-track span:not(:last-child)::after{display:none}.making-section.is-scrubbing .making-scroll-prompt{display:none}
  .making-scene{width:100%;flex:1;align-self:auto;min-height:0}
  .making-browser{left:5%;width:90%;top:11%;height:77%}
  .making-chrome{height:26px;font-size:.49rem}.making-canvas{height:calc(100% - 26px)}
  .making-site-nav{font-size:.5rem}.making-site-nav span:nth-child(2){display:none}
  .making-site-copy{top:24%;gap:.5rem}.making-site-copy strong{font-size:clamp(1.5rem,5vw,2.7rem)}
  .making-site-action{padding:.42rem .55rem;font-size:.5rem}
  .making-site-booking{grid-template-columns:repeat(2,1fr);font-size:.46rem;bottom:3%}
  .making-site-booking>span:nth-child(3){display:none}.making-site-booking>span,.making-site-booking>b{padding:.43rem .5rem}
  .making-scene-caption{left:5%;right:5%;bottom:2%;font-size:.46rem}
  .making-final-stamp{top:4%;right:3%;font-size:.48rem;padding:.4rem}
  .making-outro{align-items:flex-start;flex-direction:column;gap:.5rem;padding-top:1.5rem}
}
@media(max-width:370px){
  .making-phase{grid-template-columns:1fr 1.45fr}.making-phase p{font-size:.75rem}
  .making-site-copy strong{font-size:1.38rem}
  .making-site-nav strong{font-size:1rem}.making-scene-caption span:last-child{display:none}
  .discovery-bottom>.micro{font-size:.58rem}
}
@media(max-height:620px) and (max-width:760px){
  .making-runway{height:auto}.making-sticky{position:relative;top:auto;height:auto;padding-block:1rem}
  .making-narrative{min-height:150px}.making-scene{height:330px;flex:none}
}
@media(hover:none),(pointer:coarse){
  .discovery-pointer-hint{display:none}.discovery-touch-hint{display:block}
  .discovery-section.has-uncover-controls .discovery-reveal{display:block}
  .discovery-veil{background:radial-gradient(ellipse 340px 310px at 48% 43%,#0b0b0d17 0%,#0b0b0d88 75%,#0b0b0dd6 100%);transition:opacity .7s var(--ease)}
  .discovery-stage.is-uncovered .discovery-veil{opacity:.13}
}
@media(prefers-reduced-motion:reduce){
  .discovery-world,.making-browser,.making-scene-grid,.making-note,.making-sketch,.making-final-stamp{transform:none!important;will-change:auto}
  .discovery-veil{opacity:.16!important;transition:none!important}
  .discovery-section.has-uncover-controls .discovery-reveal{display:none}
  .making-runway{height:auto!important}.making-sticky{position:relative;top:auto;height:auto;min-height:560px}
  .making-idea,.making-wireframe{opacity:0!important}.making-browser,.making-final-stamp{opacity:1!important}.making-finish{clip-path:none!important}
}


/* How we work: five clear stops in the page's normal scroll flow. */
.making-section{overflow:visible}
.making-intro{grid-template-columns:5fr 13fr 6fr}
.making-intro h2{max-width:12ch}
.making-process{padding-top:1rem}
.making-track{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid #c9b7b8;border-bottom:1px solid #c9b7b8;padding:.85rem 0;margin:0}
.making-track a{display:inline-flex;align-items:center;gap:.65rem;padding:.35rem .15rem;color:#65595d;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:color .2s ease}
.making-track a span{color:#9a707e;font-variant-numeric:tabular-nums}
.making-track a:hover,.making-track a[aria-current="step"]{color:#6e1e3c}
.making-track a:focus-visible{outline:2px solid #842e4d;outline-offset:3px}
.making-steps{border-bottom:1px solid #c9b7b8}
.making-step{display:grid;grid-template-columns:minmax(250px,.74fr) minmax(0,1.26fr);align-items:center;gap:clamp(2rem,6vw,7rem);min-height:clamp(490px,66svh,700px);padding-block:clamp(2.5rem,6vw,5.5rem);border-bottom:1px solid #c9b7b8;scroll-margin-top:7rem}
.making-step:last-child{border-bottom:0}
.making-step-copy{max-width:28rem}
.making-step-label{display:block;color:#7b3750;font-size:.74rem;letter-spacing:.12em}
.making-step-copy h3{margin:.9rem 0 1.15rem;font-size:clamp(2.25rem,4.2vw,4.8rem);letter-spacing:-.06em;line-height:1.02}
.making-step-copy p{max-width:27rem;color:#514649;font-size:1rem;line-height:1.62}
.making-step-detail{display:block;margin-top:2rem;padding-top:.85rem;border-top:1px solid #c9b7b8;color:#7b3750;font-size:.68rem;letter-spacing:.1em}
.making-step-detail strong{display:block;margin-top:.4rem;color:#403439;font-size:.9rem;font-weight:400;letter-spacing:0}
.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}
.making-motion-ready .making-step:not(.is-in-view) .making-step-copy,.making-motion-ready .making-step:not(.is-in-view) .making-stage-visual{opacity:0;transform:translateY(18px)}
.making-step-copy,.making-stage-visual{transition:opacity .65s ease,transform .75s cubic-bezier(.22,1,.36,1)}
.making-step-copy{transition-delay:.06s}
.making-step.is-in-view .making-step-copy,.making-step.is-in-view .making-stage-visual{opacity:1;transform:translateY(0)}
.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}
.making-outro{padding-top:2rem;padding-bottom:clamp(5rem,8vw,8rem)}
.making-outro p{font-size:.9rem}
@media(max-width:1050px){
  .making-step{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:2rem}
  .making-step-copy h3{font-size:clamp(2.1rem,4vw,3.8rem)}
  .structure-booking span,.structure-booking b{padding:.48rem}
}
@media(max-width:760px){
  .making-intro{display:block;padding-top:5rem;padding-bottom:2rem}
  .making-intro h2{margin:1rem 0;font-size:clamp(3rem,9vw,4.8rem)}
  .making-intro>p{max-width:34rem}
  .making-process{padding-top:.5rem}
  .making-track{overflow-x:auto;justify-content:flex-start;gap:1.35rem;scrollbar-width:none}
  .making-track::-webkit-scrollbar{display:none}
  .making-track a{flex:none;font-size:.68rem}
  .making-step{grid-template-columns:1fr;gap:1.5rem;min-height:0;padding-block:2.6rem;scroll-margin-top:5.5rem}
  .making-step-copy h3{max-width:14ch;margin:.65rem 0;font-size:clamp(2.4rem,9vw,3.6rem)}
  .making-step-copy p{max-width:40rem;font-size:.98rem}
  .making-step-detail{margin-top:1rem}
  .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){
  .making-step{padding-block:2.1rem}
  .making-step-detail strong{font-size:.82rem}
  .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){
  .making-step-copy,.making-stage-visual{transition:none!important;transform:none!important;opacity:1!important}
}