@font-face{font-family:Lato;src:url('assets/Lato-Regular-latin.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url('assets/Lato-Bold-latin.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:EB Garamond;src:url('assets/EBGaramond-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{--paper:#f5f2e9;--ink:#252c24;--forest:#294934;--orange:#e58f35;--line:#c9cbbf;--sans:Lato,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--serif:'EB Garamond',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b75c18;outline-offset:6px}button{touch-action:manipulation}::selection{background:#d6dfb7;color:#183323}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}button{border:0}svg{display:block}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;padding:14px 24px;background:var(--ink);color:white}.skip-link:focus{top:12px}.header{display:flex;align-items:center;justify-content:space-between;height:110px;border-bottom:1px solid var(--line)}.name{font-size:26px;letter-spacing:-1.2px;font-weight:700}.name-dot{color:#bd562f}.header nav{display:flex;align-items:center;gap:38px;font-size:13px}.header nav a{padding-block:14px}.header nav a:hover{color:#a65422}.header nav span{margin-left:5px;font-size:10px}.header nav .github-link span{font-size:18px}.hero{padding-top:62px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.65px}.tiny-spark{font-size:20px;vertical-align:-2px;color:#a75a28;margin-right:10px}h1{font-weight:400;letter-spacing:-3px;line-height:1.02;font-size:clamp(40px,4.8vw,70px);margin-top:21px}h1 em{font-family:var(--serif);font-weight:400}h1 em:after{content:'';display:inline-block;width:70px;height:8px;border-bottom:2px solid #ae612c;border-radius:50%;transform:rotate(-8deg);margin-left:-83px;vertical-align:-10px}.hero-intro{font-size:15px;line-height:1.65;padding:0 40px 6px 0}.letter-stage{height:clamp(280px,32vw,465px);position:relative;display:flex;align-items:center;justify-content:center;margin-top:38px;padding:25px 15px 0}.orbit-dot{width:30px;height:30px;position:absolute;top:42%;left:53%;background:#ac4b32;border-radius:50%;animation:dotbob 5s ease-in-out infinite}.stage-note{position:absolute;top:0;left:43%;font-family:var(--serif);font-size:20px;font-style:italic;color:#6a725f;transform:rotate(-6deg);z-index:3}.hero-sticker{position:absolute;right:4px;top:14px;width:55px;height:55px;transform:rotate(15deg);color:#a65a2d}.hero-sticker svg{stroke:currentColor;stroke-width:4;animation:spin 28s linear infinite}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 38px;font-size:11px;letter-spacing:.2px}.hero-bottom a span{font-size:20px;margin-left:18px}.motion-toggle{background:none;padding:10px 0;font-size:11px;color:#646d60}.motion-toggle span{margin-left:9px}.work-intro{padding:66px 0 43px;display:flex;align-items:center;justify-content:space-between}.work-intro h2{font-weight:400;font-size:33px;letter-spacing:-1px}.work-intro p{font-size:12px;line-height:1.6;color:#58604f}.project{overflow:hidden}.project-inner{padding-top:31px}.project-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:37px;border-bottom:1px solid currentColor;border-color:#d3cbc8}.project-number{font:10px var(--sans);letter-spacing:1.5px}.project-site{font-size:12px;padding:8px 0;display:flex;align-items:center;gap:24px}.project-site span{font-size:22px}.project-site:hover{opacity:.65}.project-grid{display:grid;grid-template-columns:42% 58%;align-items:center;padding:72px 0 54px;gap:0}.brand{margin-bottom:28px}.mefo-brand img{width:139px;height:auto}.project-copy h3{font-size:clamp(42px,4.7vw,68px);font-weight:500;line-height:1.02;letter-spacing:-3px}.project-description{font-size:15px;line-height:1.7;max-width:348px;margin-top:28px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.tags span{border:1px solid currentColor;border-color:#cbb8b5;border-radius:30px;padding:6px 10px;font-size:10px}.thought-trigger{background:none;display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid currentColor;font-size:12px;margin-top:42px}.thought-trigger>span:last-child{font-size:21px;margin-left:25px}.thought-symbol{font-size:20px}.thought-trigger:hover .thought-symbol{transform:rotate(90deg)}.thought-symbol{transition:transform .4s}.project-foot{border-top:1px solid #cfbdb8;display:flex;justify-content:space-between;padding:23px 0;font-size:10px;letter-spacing:.5px}.project-mefo{background:#f2e3dd;color:#362d2c;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.project-mefo .project-copy h3 span{color:#ae243d}.mefo-experience{position:relative;min-width:0;padding-left:20px}.hand-note{font:italic 22px var(--serif);display:block;transform:rotate(-8deg);position:absolute;right:15px;top:-15px;z-index:4}.photo-corner{color:#b02e42;position:absolute;left:35px;top:40px;font-size:70px;transform:rotate(15deg)}.photo-display{height:520px;max-width:540px;position:relative;margin:auto}.back-strip{position:absolute;left:49%;top:21px;width:147px;height:441px;transform:rotate(13deg);box-shadow:4px 20px 22px #51322a22}.print-window{position:absolute;left:22%;top:10px;width:163px;height:490px;transform:rotate(-9deg);filter:drop-shadow(4px 20px 13px #51322a25)}.front-strip{width:100%;height:auto;position:relative}.printer-slot{display:none}.mefo-controls{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;z-index:5}.style-picker{display:flex;gap:4px;padding:5px;border-radius:40px;background:#ffffff66}.style-picker button{border:1px solid transparent;display:flex;align-items:center;gap:7px;padding:10px 12px;background:transparent;border-radius:30px;font-size:10px}.style-picker button[aria-pressed=true]{background:#fffcf7;box-shadow:0 2px 5px #51322a12;border-color:#d7c4bc}.swatch{width:11px;height:11px;border-radius:50%;display:inline-block}.black{background:#202022}.pool{background:#43c5bb}.print-button{font-size:11px;background:none;border-bottom:1px solid #b87e78;padding:12px 0}.print-button span{margin-left:8px}.demo-caption{font-size:9px;line-height:1.5;letter-spacing:.2px;color:#6b635f;text-align:center;margin-top:16px}.project-sitsoon{background:#1e392c;color:#f2eada;font-family:Lato,sans-serif}.project-sitsoon .project-top,.project-sitsoon .project-foot{border-color:#5a6d5c}.sitsoon-heading{position:relative;display:grid;grid-template-columns:58% 42%;padding-top:57px;align-items:end}.sitsoon-brand{grid-column:1/-1;display:flex;gap:13px;align-items:center;margin-bottom:30px}.sitsoon-brand img{filter:brightness(0) invert(.93);width:42px;height:42px}.sitsoon-brand span{font:36px var(--serif);letter-spacing:-1.2px}.sitsoon-heading h3{font:400 clamp(56px,5.8vw,80px)/.95 var(--serif);letter-spacing:-2px}.sitsoon-heading h3 em{color:#ccdbbd;font-weight:400}.sitsoon-summary{max-width:350px;padding:0 0 7px}.sitsoon-summary p{font-size:15px;line-height:1.65;color:#e2e6d9}.project-sitsoon .tags span{border-color:#6e806b;color:#e4eadb}.waitlist-experience{margin-top:51px;background:#e4e9d9;color:#1e392c;border-radius:5px;padding:28px 28px 22px;position:relative}.waitlist-controls{display:flex;justify-content:center;align-items:center;gap:25px;font-size:11px}.waitlist-controls button{padding:12px 16px;background:none;border-radius:30px;color:#54654b;font-size:12px}.waitlist-controls button span{font-size:9px;margin-right:9px}.waitlist-controls button[aria-pressed=true]{background:#1e392c;color:#fffdf2}.waitlist-controls i{font-style:normal;color:#627854}.tablet-scene{position:relative;padding:40px 10% 14px}.tablet{border:9px solid #242d26;background:#242d26;border-radius:21px;position:relative;padding:5px 3px;box-shadow:0 14px 28px #25322223;transform:perspective(1200px) rotateX(2deg) rotateZ(-1deg);transition:transform .6s}.tablet img{border-radius:9px;aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.tablet-camera{position:absolute;left:50%;top:-6px;width:4px;height:4px;background:#616c60;border-radius:50%}.sms-card{position:absolute;right:1%;bottom:9%;padding:24px 24px 20px;background:#fbf8f1;border:1px solid #cad4bf;box-shadow:0 12px 28px #23321b26;border-radius:14px;width:225px;transform:rotate(5deg) translateY(8px);transition:transform .55s,opacity .55s}.sms-icon{display:block;background:#dce5d8;border-radius:50%;width:31px;height:31px;line-height:29px;text-align:center;font-size:6px;margin-bottom:15px}.sms-label{font-size:8px;letter-spacing:1.2px}.sms-card p{font:28px var(--serif);margin:8px 0}.sms-card>span:last-of-type{font-size:10px;line-height:1.5;display:block}.sms-card small{display:block;font-size:8px;color:#6a7562;margin-top:13px}.sms-card:not(.is-visible){opacity:0;transform:rotate(5deg) translateY(30px);pointer-events:none}.waitlist-caption{text-align:center;max-width:600px;margin:22px auto 0;min-height:55px}.waitlist-caption p{font-size:12px;line-height:1.65}.waitlist-caption strong{display:block;font-weight:700}.waitlist-caption .demo-caption{display:block;color:#55614e;font-size:8px;margin-top:8px}.sitsoon-bottom{display:flex;justify-content:space-between;align-items:center;padding:6px 0 42px}.sitsoon-bottom>span{font:italic 21px var(--serif);margin-top:30px}.sitsoon-bottom .thought-trigger{margin-top:30px}.project-sitsoon .project-foot{color:#c9d3c2}.project-convoy{background:#e9edf3;color:#233552;font-family:'Helvetica Neue',Arial,sans-serif}.project-convoy .project-top,.project-convoy .project-foot{border-color:#c2ccda}.convoy-grid{grid-template-columns:42% 58%;padding:72px 0 65px}.convoy-brand{display:flex;align-items:center;gap:12px}.convoy-brand img{border-radius:12px;width:45px;height:45px}.convoy-brand span{font-size:28px;letter-spacing:-1px;font-weight:600}.project-convoy h3{font-size:clamp(40px,4.2vw,60px);letter-spacing:-2.5px;font-weight:600}.project-convoy h3 span{color:#496fa4}.project-convoy .tags span{border-color:#bbc7d7}.project-convoy .project-description{color:#536279}.convoy-experience{padding-left:24px}.journey-header{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:19px 17px;background:#fffdf9;border-radius:14px 14px 0 0;border:1px solid #d4dce5;border-bottom:0}.journey-header>span:first-child{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:6px;font-weight:600}.journey-header i{width:6px;height:6px;border-radius:50%;background:#638a60}.journey-header>span:last-child{color:#596a7f}.journey-map{width:100%;aspect-ratio:660/530;position:relative;overflow:hidden;border-inline:1px solid #d4dce5}.map-art{width:100%;height:100%}.map-water{fill:#b9d1df}.map-park{fill:#cbd7b9}.map-roads path{fill:none;stroke:#fffdf8;stroke-width:19;stroke-linejoin:round}.map-art text{fill:#6a786e;font-size:9px;font-family:var(--sans);letter-spacing:2px}.route-lines path{fill:none;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:2 8}.route-a{stroke:#cf8350}.route-b{stroke:#568bb9}.route-c{stroke:#9475ab}.destination-label{position:absolute;top:66%;left:52%;transform:translateX(-50%);padding:8px 12px;text-align:center;border-radius:8px;background:#fffdfa;box-shadow:0 3px 8px #24374b12;font-size:11px;font-weight:600}.destination-label span{display:block;font-size:8px;font-weight:400;color:#748093;margin-top:4px}.traveller{position:absolute;display:flex;align-items:center;flex-direction:column;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 4px #25344e15);z-index:2}.traveller-a{left:11.36%;top:30.19%;color:#b16c36}.traveller-b{left:81.81%;top:76.41%;color:#447bac}.traveller-c{left:50%;top:11.7%;color:#84649d}.avatar{width:35px;height:35px;border:3px solid #fff;display:grid;place-items:center;border-radius:50%;font-size:13px;color:white;font-weight:600}.avatar-a{background:#c78651}.avatar-b{background:#5c8fb9}.avatar-c{background:#9475ab}.car{font-size:25px;line-height:13px;position:relative}.car:before,.car:after{content:'';position:absolute;width:4px;height:4px;background:#354453;bottom:-2px;border-radius:50%}.car:before{left:4px}.car:after{right:4px}.traveller-name{font-size:9px;color:#3d4a5d;background:#fffdf9;border-radius:12px;padding:4px 8px;margin-top:6px;white-space:nowrap}.north{position:absolute;right:17px;top:16px;text-align:center;font-size:20px;color:#697782}.north small{font-size:8px;display:block}.map-demo-label{position:absolute;bottom:13px;left:16px;background:#fffdf9c9;padding:5px 7px;border-radius:4px;font-size:7px;letter-spacing:1px;color:#627182}.journey-footer{display:flex;justify-content:space-between;align-items:center;background:#fffdf9;border:1px solid #d4dce5;border-radius:0 0 14px 14px;padding:17px 15px;gap:8px}.journey-footer>div{display:flex;align-items:center;gap:8px}.crew-mini{display:flex;padding-left:2px}.crew-mini i{font-style:normal;background:#bc7e4f;color:white;border:2px solid white;display:grid;place-items:center;border-radius:50%;width:23px;height:23px;font-size:8px;margin-left:-3px}.crew-mini i:nth-child(2){background:#5988b0}.crew-mini i:nth-child(3){background:#8d6fa2}.journey-footer p{font-size:9px;line-height:1.3;max-width:120px}.journey-footer button{background:#2d466d;color:white;border-radius:24px;font-size:9px;padding:12px 13px;white-space:nowrap}.journey-footer button span{margin-left:9px}.project-convoy .demo-caption{color:#59697e;font-size:8px}.about{padding:94px 0 0}.about-top{display:flex;justify-content:space-between;align-items:center}.about-doodle{font-size:58px;color:#9c542d;transform:rotate(15deg)}.about-grid{display:grid;grid-template-columns:52% 48%;gap:0;padding:34px 0 70px}.about h2{font-size:clamp(48px,5vw,75px);font-weight:400;line-height:1.04;letter-spacing:-3px}.about h2 em{font-family:var(--serif);font-weight:400;color:#52614a}.about-copy{max-width:490px}.about-copy p{font-size:17px;line-height:1.65;margin-bottom:21px}.about-copy p+p{font-size:14px;color:#5b6354}.interests{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.interests span{border:1px solid #c1c9b8;border-radius:30px;padding:8px 13px;font-size:10px}.about-github{display:inline-flex;align-items:center;gap:26px;font-size:12px;padding-bottom:10px;border-bottom:1px solid #7c8c72}.process-line{display:flex;align-items:center;justify-content:space-between;padding:38px 0;border-block:1px solid #c9cbbf;font-size:clamp(24px,3.3vw,47px);letter-spacing:-1.5px}.process-line i{font-style:normal;font-size:23px;color:#9d6236}.footer{padding:35px 0 40px;display:flex;align-items:center;justify-content:space-between}.footer p,.back-top{font-size:10px;color:#596050}.footer .name{font-size:22px}.back-top span{font-size:18px;margin-left:13px}.thought-dialog{border:0;background:#fbf5ef;color:#362d2c;border-radius:8px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:45px 43px;box-shadow:0 30px 100px #17261733}.thought-dialog::backdrop{background:#17261780;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:13px;right:15px;width:38px;height:38px;display:grid;place-items:center;background:none;font-size:29px;border-radius:50%}.dialog-close:hover{background:#00000008}.thought-dialog h2{font:400 40px/1.1 var(--serif);letter-spacing:-1px;margin:24px 0}.thought-dialog>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#645952}.thought-dialog h2:focus{outline:none}.thought-detail{border-top:1px solid #ccbdb2;border-bottom:1px solid #ccbdb2;margin:25px 0;padding:23px 0}.thought-detail>span{font-size:9px;letter-spacing:1px;font-weight:700}.thought-detail p{font-size:15px;line-height:1.65;margin-top:12px}.thought-dialog .thought-last{font-size:12px!important}.sitsoon-dialog{background:#f2eada;color:#1e392c}.convoy-dialog{background:#f1f4f8;color:#233552}.convoy-dialog h2{font-family:'Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:35px}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.is-printing .front-strip{animation:print 1.6s cubic-bezier(.16,1,.3,1)}.is-printing .print-window{overflow:hidden}.is-printing .back-strip{opacity:.65}.is-printing .photo-corner{animation:spark 1.6s ease-in-out}@keyframes print{0%{transform:translateY(-102%)}100%{transform:translateY(0)}}@keyframes spark{0%,100%{transform:rotate(15deg) scale(1)}50%{transform:rotate(100deg) scale(1.3)}}@keyframes dotbob{0%,100%{transform:translate(-5px,-5px)}50%{transform:translate(9px,12px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.letter-stage{height:470px}.hero{padding-top:75px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero-intro{padding-right:0}.project-grid{grid-template-columns:43% 57%;padding-block:55px}.project-copy h3{font-size:47px}.project-description{font-size:14px;max-width:290px}.photo-display{height:455px}.print-window{width:142px;height:426px;left:19%}.back-strip{width:131px;height:393px;left:48%}.mefo-controls{gap:12px;flex-direction:column}.mefo-experience{padding-left:0}.style-picker button{padding:8px 11px}.hand-note{font-size:20px;right:-2px}.photo-corner{left:13px;font-size:51px}.sitsoon-heading{grid-template-columns:55% 45%}.sitsoon-summary p{font-size:14px}.sitsoon-heading h3{font-size:64px}.tablet-scene{padding-inline:5%}.sms-card{width:205px;padding:21px;right:-1%}.convoy-experience{padding-left:12px}.convoy-grid{grid-template-columns:42% 58%}.project-convoy h3{font-size:41px}.journey-footer{padding:13px 10px}.journey-footer p{max-width:100px;font-size:8px}.crew-mini i{width:20px;height:20px}.journey-footer button{padding:11px 10px;font-size:8px}.journey-footer button span{margin-left:4px}.thought-trigger{font-size:11px;gap:9px}.thought-trigger>span:last-child{margin-left:15px}.about-copy p{font-size:15px}}
@media(max-width:760px){html{scroll-padding-top:15px}.wrap{width:calc(100% - 40px)}.header{height:83px}.header .name{font-size:24px}.header nav{gap:23px;font-size:12px}.header nav a:first-child span{display:none}.hero{padding-top:36px}.hero-top{display:block}.hero .eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:47px;letter-spacing:-2.5px;margin-top:19px}.hero-intro{font-size:13px;line-height:1.5;padding-top:25px}.hero-intro br{display:none}.hero-intro{max-width:290px}.letter-stage{height:260px;margin-top:27px;padding:28px 0 0}.orbit-dot{width:16px;height:16px}.stage-note{font-size:17px;left:39%;top:14px}.hero-sticker{width:30px;height:30px;right:3px;top:8px}.hero-bottom{padding:18px 0 22px;flex-wrap:wrap;gap:15px;font-size:10px}.hero-bottom p{flex-basis:60%}.hero-bottom>a{font-size:10px;order:3}.motion-toggle{font-size:10px;padding:0}.hero-bottom a span{font-size:17px}.work-intro{padding:43px 0 31px;align-items:flex-start;gap:18px}.work-intro h2{font-size:24px;max-width:200px;letter-spacing:-.7px}.work-intro p{font-size:10px;max-width:150px}.project-inner{padding-top:21px}.project-top{padding-bottom:20px}.project-number{font-size:8px;letter-spacing:1px}.project-site{font-size:10px;gap:14px}.project-site span{font-size:19px}.project-grid{grid-template-columns:1fr;padding:37px 0 30px;gap:45px}.brand{margin-bottom:22px}.mefo-brand img{width:123px}.project-copy h3{font-size:47px;letter-spacing:-2px;line-height:1.02}.project-description{font-size:14px;max-width:400px;margin-top:21px;line-height:1.65}.tags{margin-top:20px}.tags span{font-size:9px;padding:6px 10px}.thought-trigger{margin-top:25px;font-size:11px;padding:12px 0}.thought-trigger>span:last-child{margin-left:25px}.mefo-experience{padding-top:10px;margin-top:8px}.photo-display{height:475px;max-width:420px}.print-window{width:146px;height:438px;left:21%;top:8px}.back-strip{width:134px;height:402px;left:51%;top:20px}.hand-note{top:-15px;right:12px;font-size:21px}.photo-corner{left:16px;top:28px;font-size:48px}.mefo-controls{flex-direction:row;gap:15px}.style-picker button{padding:9px 10px;font-size:9px}.print-button{font-size:10px}.demo-caption{font-size:8px;margin-top:15px}.project-foot{font-size:8px;padding:19px 0}.sitsoon-heading{grid-template-columns:1fr;padding-top:35px}.sitsoon-brand{margin-bottom:24px}.sitsoon-brand span{font-size:34px}.sitsoon-brand img{width:36px;height:36px}.sitsoon-heading h3{font-size:62px;letter-spacing:-1.5px}.sitsoon-summary{margin-top:25px;max-width:420px}.sitsoon-summary p{font-size:14px}.waitlist-experience{margin-top:26px;margin-inline:-7px;padding:15px 10px 18px}.waitlist-controls{gap:7px}.waitlist-controls button{font-size:10px;padding:11px 10px}.waitlist-controls button span{font-size:8px;margin-right:5px}.waitlist-controls i{font-size:11px}.tablet-scene{padding:23px 5px 20px}.tablet{border-width:6px;border-radius:14px;padding:3px 2px}.tablet img{border-radius:6px}.tablet-camera{top:-4px;width:3px;height:3px}.sms-card{width:158px;padding:14px;right:0;bottom:-10%;border-radius:10px;transform:rotate(4deg);z-index:2}.sms-icon{width:23px;height:23px;line-height:22px;margin-bottom:8px;font-size:5px}.sms-card p{font-size:23px;margin:5px 0}.sms-card>span:last-of-type{font-size:8px}.sms-label{font-size:6px}.sms-card small{font-size:6px;margin-top:8px}.waitlist-caption{margin-top:32px;max-width:300px;min-height:74px}.waitlist-caption p{font-size:11px}.waitlist-caption .demo-caption{font-size:7px}.waitlist-experience:has(.sms-card.is-visible) .tablet-scene{padding-bottom:53px}.sitsoon-bottom{display:block;padding-bottom:30px}.sitsoon-bottom .thought-trigger{margin-top:24px}.sitsoon-bottom>span{display:block;margin-top:25px;font-size:19px}.convoy-grid{gap:35px}.project-convoy h3{font-size:44px}.convoy-brand span{font-size:27px}.convoy-brand img{width:41px;height:41px}.convoy-experience{padding:0}.journey-header{font-size:8px;padding:16px 13px}.journey-header>span:first-child{font-size:8px;letter-spacing:.6px}.journey-header>span:last-child{font-size:8px}.journey-footer{padding:15px 10px}.journey-footer p{font-size:8px;max-width:108px}.journey-footer button{font-size:9px}.journey-footer button span{display:none}.crew-mini i{height:21px;width:21px}.avatar{width:30px;height:30px;font-size:11px}.traveller-name{font-size:8px;padding:3px 6px}.car{font-size:22px;line-height:12px}.destination-label{font-size:10px;padding:7px 10px}.destination-label span{font-size:7px}.map-demo-label{font-size:6px}.about{padding-top:52px}.about-top .eyebrow{font-size:8px;letter-spacing:1.3px}.about-doodle{font-size:42px}.about-grid{grid-template-columns:1fr;padding:23px 0 35px;gap:28px}.about h2{font-size:55px;letter-spacing:-2.5px}.about-copy p{font-size:15px;line-height:1.65}.about-copy p+p{font-size:13px}.interests{margin:23px 0}.interests span{font-size:9px}.about-github{font-size:11px}.process-line{font-size:23px;letter-spacing:-.8px;padding:27px 0}.process-line i{font-size:14px}.footer{padding:27px 0;flex-wrap:wrap;gap:18px}.footer p{order:3;flex-basis:100%;font-size:9px}.footer .name{font-size:21px}.back-top{font-size:9px}.thought-dialog{padding:42px 27px 30px}.thought-dialog .eyebrow{font-size:9px}.thought-dialog h2{font-size:35px}.thought-dialog>p:not(.eyebrow){font-size:13px}.thought-detail p{font-size:14px}.convoy-dialog h2{font-size:30px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.header nav{gap:16px}h1{font-size:42px}.letter-stage{height:220px}.hero-bottom p{flex-basis:58%}.work-intro h2{font-size:21px}.work-intro p{font-size:9px}.photo-display{height:440px}.print-window{width:135px;height:405px;left:18%}.back-strip{width:122px;height:366px;left:51%}.mefo-controls{gap:10px}.print-button{font-size:9px}.project-copy h3{font-size:44px}.sitsoon-heading h3{font-size:56px}.project-convoy h3{font-size:39px}.crew-mini{display:none}.journey-footer p{max-width:140px}.process-line{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.project-sitsoon a:focus-visible,.project-sitsoon button:focus-visible{outline-color:#f2eada}.waitlist-experience button:focus-visible{outline-color:#1e392c}
/* Selected mockup direction: sculptural serif typography and a tactile letter stage. */
:root{--paper:#f8f5ee;--ink:#20201c}.name{font-family:var(--serif);font-weight:500;letter-spacing:-.9px;font-size:29px}.header{height:94px;border:0}.hero{padding-top:34px;overflow:hidden}.hero-top{align-items:flex-end}.hero .eyebrow{display:none}h1{font-family:var(--serif);font-weight:600;font-size:clamp(52px,6.5vw,94px);line-height:.89;letter-spacing:-4.2px;margin:0}h1 em{color:#ae3527;font-weight:400}h1 em:after{display:none}.hero-intro{font-size:13px;padding-bottom:10px;max-width:230px;line-height:1.6}.letter-stage{height:clamp(300px,31vw,435px);margin-top:8px;padding:0 65px 7px;isolation:isolate;overflow:visible;touch-action:pan-y}.letter-stage:after{content:'';position:absolute;left:2%;right:1%;height:35px;bottom:4px;background:#62594a29;filter:blur(16px);border-radius:50%;z-index:-2;transform:rotate(-2deg)}.stage-note{left:4%;top:33px;font:italic 20px/1.25 var(--serif);color:#65635c;transform:rotate(-9deg);z-index:4}.hero-sticker{right:5%;top:15px;width:48px;height:48px;color:#b13d2a;transform:rotate(7deg)}.hero-sticker svg{animation:none;stroke-width:2}.letter-toolbar{display:flex;justify-content:center;align-items:center;gap:0;width:max-content;margin:12px auto 18px;padding:4px;border:1px solid #d6d0c4;border-radius:30px;background:#f2efe7}.letter-toolbar button{font-size:11px;padding:10px 25px;background:transparent;border-radius:30px;color:#6c6b63}.letter-toolbar button:first-child{background:#fffdfa;box-shadow:0 2px 5px #463a2820;color:#272923}.letter-toolbar button:hover{background:#fffdfa;color:#272923}.letter-toolbar button:focus-visible{outline-offset:2px}.hero-bottom{border:0;padding:3px 0 28px}.hero-bottom>p{color:#79786d}.hero-bottom>a{margin-left:auto;margin-right:40px}.hero-bottom .motion-toggle{font-size:10px}.work-intro{padding:36px 0 30px}.work-intro h2{font-family:var(--serif);font-size:34px;letter-spacing:-.9px}.work-intro p{font-size:11px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.about h2{font-family:var(--serif);font-size:clamp(52px,5.8vw,82px)}.about h2 em{color:#a63e2c}.process-line{font-family:var(--serif);font-size:clamp(30px,4.2vw,59px)}.process-line i{color:#ad3d2a}.footer .name{font-size:26px}
@media(min-width:1500px){.letter-stage{height:430px}}
@media(max-width:1050px){h1{font-size:76px}.letter-stage{height:330px;padding-inline:45px}.stage-note{font-size:17px;top:25px}.hero-intro{font-size:12px;max-width:185px}}
@media(max-width:760px){.header{height:84px}.header .name{font-size:27px}.hero{padding-top:24px}h1{font-size:57px;line-height:.91;letter-spacing:-2.6px}.hero-intro{font-size:12px;max-width:300px;padding-top:25px}.letter-stage{height:280px;margin-top:26px;padding:40px 10px 8px}.stage-note{top:1px;left:9px;font-size:17px}.hero-sticker{right:3px;top:9px;width:33px;height:33px}.letter-stage:after{bottom:32px;filter:blur(9px);height:17px;left:0;right:0}.letter-toolbar{margin:0 auto 23px}.letter-toolbar button{font-size:10px;padding:9px 21px}.hero-bottom{padding:0 0 24px;gap:14px;align-items:center}.hero-bottom>p{display:none}.hero-bottom>a{order:0;margin:0 auto 0 0}.hero-bottom .motion-toggle{font-size:9px}.work-intro{padding:29px 0 23px}.work-intro h2{font-size:28px}.work-intro p{font-size:10px}.about h2{font-size:60px}.process-line{font-size:27px;letter-spacing:-1px}.process-line i{font-size:15px}.footer .name{font-size:25px}}
@media(max-width:380px){h1{font-size:51px}.letter-stage{height:250px;padding-inline:3px}.letter-toolbar button{padding:9px 19px}.process-line{font-size:24px}.work-intro h2{font-size:26px}.work-intro p{font-size:9px}}
@media(prefers-reduced-motion:reduce){}
/* Full-width project scenes maintain the selected long-scroll rhythm. */
.project-mefo{background-color:#f2e3dd;background-image:radial-gradient(ellipse at 77% 36%,#fff7f08c,transparent 68%)}.photo-display:after{content:'';position:absolute;left:17%;right:4%;bottom:6px;height:17px;border-radius:50%;background:#5e473b24;filter:blur(12px);z-index:-1}.photo-display{isolation:isolate}.project-sitsoon{background-color:#253d2e;background-image:radial-gradient(ellipse at 72% 14%,#7f8d6633,transparent 75%)}.project-sitsoon .project-inner{display:grid;grid-template-columns:39% 61%;column-gap:0}.project-sitsoon .project-top,.project-sitsoon .sitsoon-bottom,.project-sitsoon .project-foot{grid-column:1/-1}.sitsoon-heading{display:block;padding:60px 30px 0 0;align-self:center}.sitsoon-brand{margin-bottom:25px}.sitsoon-heading h3{font-size:clamp(50px,5vw,70px);line-height:.94}.sitsoon-summary{margin-top:27px;max-width:325px}.sitsoon-summary p{font-size:14px}.waitlist-experience{display:flex;flex-direction:column;background:transparent;padding:63px 0 0 12px;margin:0;align-self:center;color:#f2eada;border-radius:0}.tablet-scene{order:0;padding:32px 6px 30px;isolation:isolate}.tablet-scene:after{content:'';position:absolute;left:3%;right:0;bottom:0;height:23px;border-radius:50%;background:#101e1280;filter:blur(15px);z-index:-1}.tablet{transform:perspective(1200px) rotateY(-3deg) rotateZ(-1deg);box-shadow:10px 24px 35px #06140840}.waitlist-controls{order:1;gap:14px;margin-top:18px}.waitlist-controls button{color:#e0e4d4}.waitlist-controls button[aria-pressed=true]{background:#eee9dd;color:#233d2d}.waitlist-controls i{color:#a3b18f}.waitlist-caption{order:2;margin-top:20px;min-height:60px}.waitlist-caption .demo-caption{color:#c5ceba}.waitlist-caption p{font-size:11px;color:#e0e4d4}.sms-card{color:#1e392c;right:0;bottom:4%;width:200px;z-index:3}.sitsoon-bottom{padding:0 0 38px}.sitsoon-bottom .thought-trigger{margin-top:18px}.sitsoon-bottom>span{margin-top:18px}.waitlist-experience button:focus-visible{outline-color:#f2eada}.connect{padding:45px 0 50px;display:flex;justify-content:space-between;align-items:end}.connect h2{font:500 54px/.95 var(--serif);letter-spacing:-1.9px}.connect h2 em{font-weight:400;color:#ac392b}.connect a{display:flex;align-items:center;gap:35px;padding:15px 22px;background:#252a22;color:#fffdf7;border-radius:40px;font-size:13px}.connect a:hover{background:#a63d2b}.connect a span{font-size:20px}.footer{border-top:1px solid #d2cfc3;padding-top:23px}
@media(max-width:1050px){.project-sitsoon .project-inner{grid-template-columns:40% 60%}.sitsoon-heading{padding-right:20px}.sitsoon-heading h3{font-size:54px}.sitsoon-summary p{font-size:13px}.waitlist-experience{padding-left:8px}.waitlist-controls{gap:7px}.waitlist-controls button{padding:10px 12px;font-size:10px}.sms-card{width:180px;padding:17px}.sms-card p{font-size:25px}.connect h2{font-size:49px}}
@media(max-width:760px){.project-sitsoon .project-inner{display:block}.sitsoon-heading{padding:35px 0 0}.sitsoon-heading h3{font-size:62px}.sitsoon-summary{max-width:420px;margin-top:25px}.sitsoon-summary p{font-size:14px}.waitlist-experience{margin:16px 0 0;padding:0}.tablet-scene{padding:28px 3px 20px}.tablet-scene:after{bottom:2px;filter:blur(10px);height:15px}.waitlist-controls{margin-top:13px;gap:7px}.waitlist-controls button{font-size:10px;padding:11px 10px}.waitlist-caption{margin-top:18px;min-height:60px}.sms-card{width:158px;padding:14px;right:0;bottom:0}.sms-card p{font-size:23px}.waitlist-experience:has(.sms-card.is-visible) .tablet-scene{padding-bottom:60px}.sitsoon-bottom{padding:0 0 28px}.sitsoon-bottom .thought-trigger{margin-top:18px}.sitsoon-bottom>span{font-size:19px;margin-top:25px}.connect{display:block;padding:35px 0}.connect h2{font-size:45px}.connect a{margin-top:25px;width:max-content;font-size:11px;padding:13px 20px}.connect a span{font-size:18px}.footer{padding-top:23px}}
@media(max-width:380px){.sitsoon-heading h3{font-size:56px}.connect h2{font-size:42px}}
@media(max-width:760px){.letter-stage{padding-inline:20px}.letter-stage:after{left:4%;right:3%}}
@media(max-width:380px){.letter-stage{padding-inline:16px}}
.letter-toolbar,.hero-bottom{position:relative;z-index:10}

/* Exact SVG glyphs replace the former flex-cell hit targets. */
.letter-stage{display:block;height:clamp(280px,33vw,440px);padding:0;margin-top:22px;overflow:visible;touch-action:pan-y}
.letter-stage:after{bottom:4px;left:7%;right:7%;transform:none;height:16px;filter:blur(12px)}
.letter-stage .letter{position:absolute;left:0;top:0;padding:0;margin:0;flex:none;min-width:0;line-height:1;letter-spacing:0;transform:none;transform-origin:center;transition:none!important;cursor:default;touch-action:pan-y;pointer-events:none;will-change:auto}
.letter-stage:not(.physics-ready){display:flex;align-items:flex-end;justify-content:space-around}
.letter-stage:not(.physics-ready) .letter{position:static;font-size:clamp(100px,25vw,370px)}
.letter-stage.physics-ready .letter{font-size:0;filter:drop-shadow(5px 9px 5px #55452d20)}
.letter-stage[data-state=falling] .letter{will-change:transform}
.letter-stage .letter svg{width:100%;height:100%;overflow:visible}
.letter-stage .stage-note{top:0;left:2%;z-index:6;pointer-events:none;font-size:18px}
.letter-stage .hero-sticker{top:0;right:2%;pointer-events:none}
.letter-toolbar{margin:8px auto 18px}.letter-toolbar button{min-height:44px;padding:11px 28px}
@media(max-width:760px){.letter-stage{height:260px;margin-top:24px}.letter-stage .stage-note{font-size:16px;top:0}.letter-stage.physics-ready .letter{filter:drop-shadow(3px 5px 3px #55452d20)}.letter-toolbar{margin:8px auto 22px}}
@media(max-width:380px){.letter-stage{height:240px}}

/* Editorial hero and project details. */
.hero{padding-top:70px}.hero-top{display:block}.hero h1{max-width:980px}.hero .letter-stage{margin-top:34px}
.brand{width:max-content;max-width:100%}.mefo-brand{display:block}.brand:hover{opacity:.78}.brand:focus-visible{outline-offset:10px}
.letter-stage .glyph-silhouette{pointer-events:visiblePainted;touch-action:none;cursor:grab}.letter-stage svg path:not(.glyph-silhouette){pointer-events:none}
.letter-stage .letter.is-held .glyph-silhouette{cursor:grabbing}.letter-stage .letter:focus-visible{outline:none}.letter-stage .letter:focus-visible svg{filter:drop-shadow(0 0 2px #b75c18) drop-shadow(0 0 3px #b75c18)}
.letter-stage .letter.is-held{z-index:8}
.thought-trigger[aria-expanded=true] .thought-symbol{transform:rotate(90deg)}
.thinking-panel{grid-column:1/-1;padding:42px 0 34px;border-top:1px solid currentColor;border-color:color-mix(in srgb,currentColor 25%,transparent);scroll-margin-top:30px}
.thinking-panel[hidden]{display:none}.thinking-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px}.thinking-heading h4{font:500 42px/1.03 var(--serif);margin:15px 0 0;letter-spacing:-1.1px}.thinking-heading>p{font-size:14px;line-height:1.75;max-width:440px}.thinking-heading .eyebrow{font:10px var(--sans);letter-spacing:1.2px}
.thinking-flow{list-style:none;margin:38px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.thinking-flow li{position:relative;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:3px;padding:18px;min-height:125px;display:flex;flex-direction:column;gap:9px}.thinking-flow li:not(:last-child):after{content:'→';position:absolute;right:-23px;top:48px;font-size:20px;font-weight:400}.thinking-flow .flow-index{font-size:10px;opacity:.65;letter-spacing:1px}.thinking-flow strong{font-size:15px;font-weight:500}.thinking-flow li>span:last-child{font-size:12px;line-height:1.5;opacity:.85}
.thinking-reasons{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1000px}.thinking-reasons h5{font-size:14px;margin:0 0 10px;font-weight:600}.thinking-reasons p{font-size:13px;line-height:1.75;opacity:.85}.thinking-close{margin-top:26px;min-height:44px;padding:10px 0;background:none;border-bottom:1px solid currentColor;font-size:11px;display:flex;align-items:center;gap:35px}.thinking-close span{font-size:20px}
.contact{padding:75px 0 60px;border-top:1px solid #d2cfc3;align-items:center;gap:60px}.contact .eyebrow{font-size:10px;margin-bottom:22px;letter-spacing:1.5px}.contact h2{font-size:68px}.contact-copy{max-width:360px}.contact-copy>p{font-size:15px;line-height:1.75;color:#62645a}.contact-copy a{width:max-content;margin-top:25px}.contact-handle{display:block;margin-top:12px;font-size:11px;color:#7a7b70}
@media(max-width:760px){.hero{padding-top:42px}.hero .letter-stage{margin-top:32px}.thinking-panel{padding:30px 0 25px}.thinking-heading{display:block}.thinking-heading h4{font-size:36px}.thinking-heading>p{margin-top:22px;font-size:13px}.thinking-flow{grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.thinking-flow li{padding:15px;min-height:132px}.thinking-flow li:nth-child(2):after{content:'↓';right:13px;top:auto;bottom:-23px}.thinking-flow li:nth-child(3){grid-column:2;grid-row:2}.thinking-flow li:nth-child(4){grid-column:1;grid-row:2}.thinking-flow li:nth-child(3):after{content:'←';right:auto;left:-22px}.thinking-flow li:first-child:after{right:-22px}.thinking-reasons{grid-template-columns:1fr;gap:23px}.contact{padding:40px 0;display:block}.contact h2{font-size:54px}.contact-copy{margin-top:27px}.contact-copy>p{font-size:14px}}
@media(max-width:380px){.thinking-flow{gap:22px}.thinking-flow li{padding:12px}.thinking-flow strong{font-size:14px}.thinking-flow li>span:last-child{font-size:11px}}

/* Simultaneous two-photo pair and four-photo vertical strip. */
.mefo-gallery{--frame:#000;--frame-pattern:none;padding-left:28px;min-width:0}
.mefo-gallery[data-colour=cream]{--frame:#fff4df}
.mefo-gallery[data-colour=cherry]{--frame:#d62f53}
.mefo-gallery[data-colour=poolside]{--frame:#42d7d1;--frame-pattern:repeating-linear-gradient(90deg,transparent 0 8px,#ffffffa6 8px 11px)}
.mefo-gallery-note{font:italic 22px var(--serif);text-align:center;margin:0 0 28px;transform:rotate(-4deg);color:#8c3e42}
.mefo-print-board{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.82fr);align-items:center;gap:32px;max-width:570px;margin:0 auto;padding:6px 12px 22px}
.mefo-print-example{margin:0;min-width:0}
.mefo-pair-example{transform:rotate(-7deg) translateY(30px)}
.mefo-strip-example{transform:rotate(7deg)}
.mefo-keepsake{background-color:var(--frame);background-image:var(--frame-pattern);box-shadow:2px 4px 3px #60483815,8px 20px 22px #60483825;padding:5.5%;transition:background-color .25s ease;transform-origin:center}
.mefo-pair-photos{display:grid;grid-template-columns:1fr 1fr;gap:4%;}
.mefo-pair-photos>img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.mefo-print-signature{display:grid;place-items:center;height:36px;position:relative;padding-top:8px}
.mefo-print-signature img{width:65px;height:auto;grid-area:1/1}
.mefo-signature-light{opacity:1}.mefo-signature-dark{opacity:0}
.mefo-gallery[data-colour=cream] .mefo-signature-light,.mefo-gallery[data-colour=poolside] .mefo-signature-light{opacity:0}
.mefo-gallery[data-colour=cream] .mefo-signature-dark,.mefo-gallery[data-colour=poolside] .mefo-signature-dark{opacity:1}
.mefo-strip-photos{display:grid;gap:5px}
.mefo-photo-window{position:relative;display:block;aspect-ratio:585/425;overflow:hidden;background:#252527}
.mefo-photo-window img{position:absolute;left:-5.556%;top:var(--photo-y);width:111.111%;max-width:none;height:auto}
.mefo-strip .mefo-print-signature{height:33px;padding-top:7px}
.mefo-strip .mefo-print-signature img{width:57px}
.mefo-print-example figcaption{text-align:center;font-size:10px;font-weight:600;letter-spacing:1.2px;margin-top:19px;color:#704e4e}
.mefo-print-example figcaption span{font-weight:400;letter-spacing:0;margin-left:7px}
.mefo-colour-picker{display:flex;justify-content:center;gap:6px;border:0;padding:0;margin:26px auto 0;min-width:0}
.mefo-colour-picker legend{font-size:10px;letter-spacing:.8px;text-align:center;width:100%;margin-bottom:10px;padding:0}
.mefo-colour-picker label{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:24px;font-size:10px;cursor:pointer;background:#ffffff32}
.mefo-colour-picker input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.mefo-colour-picker label:has(:checked){background:#fffaf5;border-color:#b78e87;box-shadow:0 2px 5px #5e302314}
.mefo-colour-picker label:has(:focus-visible){outline:3px solid #a52c42;outline-offset:3px}
.mefo-colour-swatch{display:block;width:13px;height:13px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}
.mefo-poolside-swatch{background:repeating-linear-gradient(90deg,#42d7d1 0 3px,#fff 3px 4px)}
.mefo-gallery-action{text-align:center;margin-top:10px}
.mefo-sample-note{font-size:9px;line-height:1.5;color:#806a65;text-align:center;margin-top:5px}
.mefo-gallery.is-printing .mefo-keepsake{animation:mefo-keepsake-print 1.35s cubic-bezier(.2,.75,.3,1)}
@keyframes mefo-keepsake-print{0%{opacity:.5;transform:translateY(-22px)}45%{opacity:1;transform:translateY(4px)}100%{transform:translateY(0)}}
@media(max-width:1050px){.mefo-gallery{padding-left:15px}.mefo-print-board{gap:20px;padding-inline:6px}.mefo-colour-picker{gap:3px}.mefo-colour-picker label{padding-inline:9px;gap:5px}.mefo-print-signature{height:30px}.mefo-print-signature img{width:55px}.mefo-strip .mefo-print-signature img{width:45px}}
@media(max-width:760px){.mefo-gallery{padding-left:0;margin-top:25px}.mefo-print-board{max-width:470px;gap:22px;padding:3px 14px 20px}.mefo-gallery-note{font-size:20px;margin-bottom:22px}.mefo-pair-example{transform:rotate(-7deg) translateY(17px)}.mefo-colour-picker{margin-top:17px;gap:5px}.mefo-colour-picker label{font-size:10px;padding-inline:10px}.mefo-print-signature{height:27px}.mefo-strip .mefo-print-signature{height:26px}.mefo-strip .mefo-print-signature img{width:43px}.mefo-print-example figcaption{font-size:9px;margin-top:14px}.mefo-sample-note{font-size:8px}}
@media(max-width:380px){.mefo-print-board{gap:18px;padding-inline:10px}.mefo-colour-picker label{padding-inline:7px;gap:5px;font-size:9px}.mefo-print-signature img{width:47px}.mefo-strip .mefo-print-signature img{width:38px}.mefo-print-example figcaption span{display:block;margin:4px 0 0}}
@media(prefers-reduced-motion:reduce){.mefo-keepsake{transition:none}.mefo-gallery.is-printing .mefo-keepsake{animation:none}}
.motion-paused .mefo-gallery.is-printing .mefo-keepsake{animation:none}

/* A quiet navigation layer stays usable above the full-height physics field. */
.hero{position:relative;padding-top:0;isolation:isolate}
.portfolio-nav{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:92px;border-bottom:1px solid #d7d4ca;pointer-events:none}
.portfolio-nav a{pointer-events:auto;display:inline-flex;align-items:center;min-height:44px;background:var(--paper)}
.portfolio-wordmark{font:600 29px/1 var(--serif);padding:5px 8px 5px 0;white-space:nowrap}
.portfolio-wordmark>span{color:#b23d2d}
.portfolio-nav nav{display:flex;align-items:center;gap:12px}
.portfolio-nav nav a{padding:10px 15px;border-radius:25px;font-size:12px;gap:8px;transition:color .18s,background-color .18s}
.portfolio-nav nav a>span{font-size:8px;color:#838578;align-self:flex-start;margin-top:4px}
.portfolio-nav nav a>.nav-arrow{font-size:16px;align-self:center;margin:0;color:inherit}
.portfolio-nav nav a:hover{color:#a6382a;background:#eae6da}
.portfolio-nav a:focus-visible{outline-offset:2px}
.hero-top{position:relative;z-index:1;margin-top:32px}
.hero h1{margin-top:0}
.hero .letter-stage{z-index:2;pointer-events:none;overflow:visible}
.hero .letter-stage:after{pointer-events:none}
.hero .hero-bottom{justify-content:flex-end;padding:12px 0 30px;min-height:64px}
.hero .hero-bottom>a{margin:0;min-height:44px;display:inline-flex;align-items:center}
.hero-sticker svg,.orbit-dot{animation:none!important}
.skip-link{z-index:50}

/* Optical lift only: the surrounding grid and controls never move. */
.mefo-print-example{position:relative}
.mefo-keepsake{position:relative;scale:1;transform-origin:bottom center;transition:scale .22s ease,box-shadow .22s ease,background-color .25s ease}
.mefo-inspect{position:absolute;inset:0;z-index:2;background:transparent;border:0;padding:0;border-radius:0;cursor:default;touch-action:manipulation}
.mefo-inspect[aria-pressed=true]{cursor:default}
.mefo-inspect:focus-visible{outline:2px solid #a52c42;outline-offset:5px}
.mefo-keepsake:has(.mefo-inspect:focus-visible),.mefo-keepsake:has(.mefo-inspect[aria-pressed=true]){scale:1.035;box-shadow:3px 7px 6px #60483818,10px 24px 27px #60483830}
.mefo-print-example:has(.mefo-inspect:focus-visible),.mefo-print-example:has(.mefo-inspect[aria-pressed=true]){z-index:2}
@media(hover:hover) and (pointer:fine){.mefo-keepsake:hover{scale:1.035;box-shadow:3px 7px 6px #60483818,10px 24px 27px #60483830}.mefo-print-example:has(.mefo-keepsake:hover){z-index:2}}
@media(max-width:760px){.portfolio-nav{min-height:76px;gap:8px}.portfolio-wordmark{font-size:25px}.portfolio-nav nav{gap:2px}.portfolio-nav nav a{font-size:11px;padding:10px 12px;gap:5px}.hero-top{margin-top:27px}.hero .hero-bottom{padding:8px 0 23px}.hero .hero-bottom>a{margin-left:auto}}
@media(max-width:380px){.portfolio-wordmark{font-size:23px}.portfolio-nav nav a{font-size:10px;padding-inline:8px}.portfolio-nav nav a>span{display:none}.portfolio-nav nav{gap:0}}
@media(prefers-reduced-motion:reduce){.portfolio-nav nav a,.mefo-keepsake{transition:none}}

/* Product chrome follows the real Convoy group/navigation UI. */
.convoy-phone-experience{padding-left:22px;min-width:0}
.convoy-phones{height:615px;position:relative;max-width:610px;margin:auto;isolation:isolate}
.convoy-phones:after{content:'';position:absolute;bottom:15px;left:9%;right:2%;height:20px;border-radius:50%;background:#2c3d582e;filter:blur(17px);z-index:-1}
.convoy-phone{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#172030}
.phone-bezel{border:7px solid #202631;border-radius:42px;padding:2px;background:#202631;box-shadow:inset 0 0 0 1px #647082,0 1px 0 2px #c6cbd2,10px 24px 35px #263e5b24;overflow:hidden;position:relative}
.convoy-phone-capture{position:absolute;width:250px;left:1%;top:43px;transform:rotate(-9deg);z-index:0}
.convoy-phone-capture img{width:100%;height:auto;display:block;border-radius:32px}
.convoy-phone-capture figcaption{font:italic 17px var(--serif);color:#5c6b80;text-align:center;margin-top:23px;transform:rotate(3deg)}
.convoy-phone-interactive{position:absolute;width:300px;right:0;top:0;z-index:1;transform:rotate(5deg)}
.phone-screen{border-radius:33px;overflow:hidden;background:#edf0ed;position:relative;padding-bottom:25px}
.phone-status{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:12px;font-weight:700;position:relative;background:#edf0ed}
.phone-island{position:absolute;width:75px;height:20px;border-radius:20px;background:#131820;left:50%;top:9px;transform:translateX(-50%)}
.phone-signals{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:1px}.phone-signals svg{width:19px;height:11px;fill:currentColor}
.phone-group-card{position:relative;z-index:4;margin:0 11px -2px;padding:15px 13px 13px;border:1px solid #d9dce266;border-radius:22px;background:#fffffff7;box-shadow:0 3px 14px #24334d0a}
.phone-group-heading{display:flex;align-items:center;justify-content:space-between}.phone-group-heading strong{display:block;font-size:17px;letter-spacing:-.5px}.phone-group-heading>div>span{display:block;margin-top:3px;color:#77808d;font-size:10px}
.phone-more{display:grid;place-items:center;border-radius:12px;width:34px;height:34px;background:#f1f2f7;color:#1457c2;letter-spacing:1px;font-size:13px}
.phone-members{display:flex;gap:5px;margin-top:13px}.phone-members>span{display:flex;align-items:center;gap:4px;flex:1;border-radius:13px;background:#f2f3f8;padding:6px 5px}.phone-members i{font-style:normal;width:25px;height:25px;border:2px solid;display:grid;place-items:center;border-radius:50%;font-size:15px}.phone-members b{font-size:9px;font-weight:600}.phone-members .member-a{background:#e5f2ff;border-color:#009aff}.phone-members .member-b{background:#e4fafa;border-color:#00b6c5}.phone-members .member-c{background:#fff3db;border-color:#e7a12e}
.convoy-phone-experience .journey-map{height:271px;aspect-ratio:auto;width:100%;border:0;overflow:hidden;background:#f2f1e9;margin-top:-9px}
.convoy-phone-experience .map-art{height:100%;width:100%;display:block}
.convoy-phone-experience .map-roads path{stroke-width:16}
.convoy-phone-experience .route-lines path{stroke-width:7;stroke-dasharray:none}
.convoy-phone-experience .route-a{stroke:#009aff}.convoy-phone-experience .route-b{stroke:#00b6c5}.convoy-phone-experience .route-c{stroke:#e7a12e}
.convoy-phone-experience .map-art text{font-size:10px;letter-spacing:1px}
.convoy-phone-experience .destination-label{top:66%;padding:6px 7px;border-radius:7px;font-size:8px;white-space:nowrap;box-shadow:0 2px 5px #24374b18;z-index:1}
.convoy-phone-experience .destination-label span{font-size:7px;margin-top:2px}
.convoy-phone-experience .traveller{z-index:3}.convoy-phone-experience .avatar{height:34px;width:34px;font-size:21px;border:3px solid white;box-shadow:0 0 0 1px #26384b0f}
.convoy-phone-experience .avatar-a{background:#009aff}.convoy-phone-experience .avatar-b{background:#00b6c5}.convoy-phone-experience .avatar-c{background:#e7a12e}
.convoy-phone-experience .traveller-name{font-size:8px;font-weight:600;padding:3px 6px;margin-top:3px;background:#fff;color:#172030}
.convoy-phone-experience .north{top:17px;right:11px;font-size:15px}.convoy-phone-experience .north small{font-size:7px}
.phone-map-controls{position:absolute;bottom:0;right:12px;z-index:4;border-radius:16px;display:flex;gap:2px;padding:3px;background:white;box-shadow:0 2px 6px #24374b0d}.phone-map-controls>span{height:28px;width:29px;display:grid;place-items:center;font-size:21px;border-radius:12px}.phone-map-controls .selected{background:#1457c2;color:white}.phone-map-controls svg{width:19px;height:19px;fill:currentColor}
.phone-destination-card{position:relative;z-index:4;margin:-3px 11px 0;padding:14px 12px 12px;border-radius:21px;background:white;display:grid;grid-template-columns:27px 1fr 8px;align-items:center;gap:8px;border:1px solid #d9dce266}
.destination-pin{width:27px;height:27px;border-radius:50%;background:#1457c2;color:#fff;display:grid;place-items:center}.destination-pin svg{width:17px;height:17px}
.phone-destination-card strong{font-size:14px;font-weight:650;display:block;letter-spacing:-.3px}.phone-destination-card>div>span{font-size:9px;color:#7b8490;display:block;margin-top:3px}.destination-chevron{color:#8b929b;font-size:23px}
.phone-destination-card p{grid-column:1/-1;display:flex;align-items:center;gap:5px;border-top:1px solid #e9ebef;margin-top:3px;padding-top:11px;font-size:8px;color:#5f6a78}.phone-destination-card p svg{width:13px;height:13px;fill:#7b8490;flex:none}
.phone-home-indicator{position:absolute;bottom:7px;height:4px;background:#242b35;width:84px;left:50%;transform:translateX(-50%);border-radius:6px}
.phone-demo-controls{border:0;background:none;padding:0;max-width:430px;margin:-4px auto 0;border-radius:0;gap:12px}.phone-demo-controls p{font-size:11px;max-width:190px;color:#536279}.phone-demo-controls button{font-size:11px;padding:13px 18px;min-height:44px;background:#1457c2;border-radius:24px;flex:none}.phone-demo-controls button:hover{background:#0c459e}.phone-demo-controls button:focus-visible{outline-color:#1457c2;outline-offset:5px}
.convoy-phone-experience>.demo-caption{font-size:9px;line-height:1.6;max-width:430px;margin:14px auto 0;color:#64738a}
@media(max-width:1150px){.convoy-phone-capture{display:none}.convoy-phones{max-width:330px;height:583px}.convoy-phone-interactive{right:50%;transform:translateX(50%) rotate(3deg)}.convoy-phone-experience .capture-caption{display:none}.phone-demo-controls{max-width:315px}}
@media(max-width:760px){.convoy-phone-experience{padding:33px 0 0}.convoy-phones{height:583px;max-width:340px}.convoy-phone-interactive{transform:translateX(50%) rotate(2deg)}.phone-demo-controls{max-width:310px}.phone-demo-controls p{font-size:10px;max-width:130px}.phone-demo-controls button{font-size:10px;padding:12px 15px}.convoy-phone-experience>.demo-caption{font-size:8px}}
@media(max-width:380px){.convoy-phone-interactive{width:270px}.convoy-phones{height:568px}.phone-group-card{padding:14px 10px}.phone-members>span{padding:5px 3px;gap:3px}.phone-members b{font-size:8px}.phone-status{padding-inline:16px}.phone-island{width:66px}.phone-demo-controls p{max-width:117px}.phone-demo-controls button{padding-inline:12px}.convoy-phone-experience .journey-map{height:264px}.phone-destination-card strong{font-size:13px}}

/* The prints and contact details have room to speak for themselves. */
.mefo-colour-picker{margin-top:25px}
.mefo-sample-note{margin-top:17px}
.contact{padding-block:80px 75px;align-items:center}
.contact h2{font-size:76px;line-height:.98}
.contact-copy{width:320px}
.contact-copy>p{font-size:17px;line-height:1.65}
.contact-copy a{width:100%;margin-top:24px;padding:16px 0;background:none;color:var(--ink);border-radius:0;border-bottom:1px solid #a8aa9d;justify-content:space-between;gap:30px;font-size:15px}
.contact-copy a>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #c5c5b9;border-radius:50%;font-size:21px;transition:transform .2s ease}
.contact-copy a:hover{background:none;color:#a6382a}
.contact-copy a:hover>span{transform:translate(2px,-2px)}
@media(max-width:760px){.contact{padding-block:46px}.contact h2{font-size:60px}.contact-copy{width:100%;max-width:400px;margin-top:30px}.contact-copy>p{font-size:15px}.contact-copy a{font-size:14px}.mefo-sample-note{margin-top:14px}}
@media(max-width:380px){.contact h2{font-size:52px}}

/* Keep the landing, replay, and next-section cue inside the initial viewport.
   svh reserves room for expanded mobile browser chrome; dvh covers resizing. */
.hero {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  height: min(850px, 100svh);
  height: min(850px, 100svh, 100dvh);
  min-height: 0;
  padding: 0 0 12px;
}
.hero .portfolio-nav { min-height: 76px; }
.hero .hero-top { margin-top: 24px; }
.hero h1 { font-size: 90px; line-height: .92; }
.hero .letter-stage {
  align-self: stretch;
  height: auto;
  min-height: 0;
  margin: 22px 0 0;
}
.hero .letter-toolbar { margin: 6px auto 0; }
.hero .letter-toolbar button { min-height: 44px; padding-block: 9px; }
.hero .hero-bottom { min-height: 48px; padding: 0; }
.hero .hero-bottom > a { min-height: 44px; }

@media (max-width: 1050px) {
  .hero h1 { font-size: 76px; }
}
@media (max-width: 760px) {
  .hero {
    height: min(620px, 100svh);
    height: min(620px, 100svh, 100dvh);
    padding-bottom: 8px;
  }
  .hero .portfolio-nav { min-height: 64px; }
  .hero .hero-top { margin-top: 20px; }
  .hero h1 { font-size: 54px; line-height: .94; }
  .hero .letter-stage { margin-top: 18px; }
  .hero .letter-toolbar { margin: 4px auto 0; }
  .hero .hero-bottom { min-height: 46px; padding: 0; }
}
@media (max-width: 380px) {
  .hero h1 { font-size: 46px; }
}
@media (max-height: 650px) and (min-width: 761px) {
  .hero .portfolio-nav { min-height: 62px; }
  .hero .hero-top { margin-top: 14px; }
  .hero h1 { font-size: 70px; }
  .hero .letter-stage { margin-top: 15px; }
  .hero .hero-bottom { min-height: 44px; }
}
@media (max-height: 570px) and (max-width: 760px) {
  .hero .portfolio-nav { min-height: 56px; }
  .hero .hero-top { margin-top: 12px; }
  .hero h1 { font-size: 42px; }
  .hero .letter-stage { margin-top: 12px; }
  .hero .letter-stage .stage-note { font-size: 14px; }
}
@media (max-height: 450px) and (min-width: 600px) {
  .hero { padding-bottom: 6px; }
  .hero .portfolio-nav { min-height: 52px; }
  .hero .hero-top { margin-top: 9px; }
  .hero h1 { font-size: 39px; line-height: .93; letter-spacing: -1.2px; }
  .hero .letter-stage { margin-top: 12px; }
  .hero .letter-stage .stage-note { font-size: 14px; }
  .hero .letter-toolbar { margin-top: 2px; }
  .hero .hero-bottom { min-height: 44px; }
}

/* Exact avatar centres follow the SVG route coordinates; labels sit underneath. */
.convoy-phone-experience .traveller{transform:translate(-50%,-17px)}
.convoy-phone-experience .traveller-b .traveller-name{position:absolute;bottom:calc(100% + 3px);margin-top:0}
.convoy-phone-experience .traveller-b .traveller-name{position:absolute;bottom:calc(100% + 3px);margin-top:0}

/* Convoy's route / group / pan control: route selected, monochrome inactive icons. */
.phone-map-controls{bottom:2px;right:11px;padding:4px;gap:3px;border-radius:18px;background:#fff;color:#080b0d;box-shadow:0 2px 8px #24374b0d;pointer-events:none}
.phone-map-controls>span{width:31px;height:32px;border-radius:12px}
.phone-map-controls .selected{background:#175ac9;color:#fff}
.phone-map-controls svg{width:23px;height:23px;display:block;fill:currentColor;overflow:visible}
.phone-map-controls .pan-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.phone-map-controls .route-control svg{width:23px;height:27px}

.phone-arrival{position:absolute;z-index:6;left:50%;top:49%;transform:translate(-50%,-50%);background:#fff;color:#17324f;box-shadow:0 6px 24px #253a5b25;border:1px solid #dbe2e9;border-radius:16px;padding:17px 20px;white-space:nowrap;font-size:18px;font-weight:650;letter-spacing:-.4px;pointer-events:none}
.phone-arrival[hidden]{display:none}
.journey-map.is-arrived .traveller,.journey-map.is-arrived .destination-label{visibility:hidden}
.convoy-phone-capture figcaption{max-width:210px;margin-inline:auto}

/* Append after the portfolio stylesheet. These rules only affect this demo. */
.sitsoon-demo .tablet-scene { position:relative; padding-bottom:30px; transition:padding-bottom .22s ease; }
.sitsoon-screen { aspect-ratio:16/9; width:100%; position:relative; overflow:hidden; background:#f2eada; }
.sitsoon-screen > img { width:100%; height:100%; object-fit:contain; }
.sitsoon-screen [hidden],.sitsoon-sms[hidden] { display:none!important; }
/* The underlying JPEG stays unchanged. This viewport shows the captured app
   from its product toolbar down, excluding Android Studio and fixture-setup
   controls. Source pixel bounds: x145,y202 to x1211,y766 (1066 by 564).
   The genuine product header, notification rows, actions and navigation remain. */
.sitsoon-notified-capture { position:absolute; top:0; left:0; width:100%; aspect-ratio:1066/564; overflow:hidden; }
.sitsoon-notified-capture img { position:absolute; top:0; left:0; width:127.2983%; height:auto; max-width:none; transform:translate(-10.6853%,-26.3021%); }
.sitsoon-demo[data-sitsoon-state="2"] .tablet-scene { padding-bottom:110px; }
.sitsoon-sms { position:absolute; z-index:3; right:-12px; bottom:0; width:255px; padding:21px 23px; border-radius:18px 18px 5px 18px; background:#fbf8f1; color:#1e392c; box-shadow:0 12px 30px #06140833; border:1px solid #1e392c22; text-align:left; }
.sitsoon-sms-heading { display:flex; align-items:center; gap:8px; margin-bottom:14px; font:700 9px/1.4 var(--sans); letter-spacing:1.2px; }
.sitsoon-sms-heading > span:first-child { width:21px; height:21px; display:grid; place-items:center; border-radius:50%; background:#dce5d8; font-size:16px; line-height:1; }
.sitsoon-sms p { font:400 13px/1.55 var(--sans); }
.sitsoon-sms .sitsoon-sms-venue { font-weight:700; margin-bottom:5px; }
.sitsoon-sms small { display:block; margin-top:13px; color:#5c6b5f; font:400 9px/1.4 var(--sans); }
.sitsoon-demo .waitlist-caption { min-height:82px; }
.sitsoon-demo .waitlist-caption .demo-caption { display:block; line-height:1.5; margin-top:9px; }
.sitsoon-demo .waitlist-caption p strong { display:block; margin-bottom:6px; }
@media(max-width:760px) {
  .sitsoon-demo .tablet-scene { padding-bottom:20px; }
  .sitsoon-demo[data-sitsoon-state="2"] .tablet-scene { padding-bottom:145px; }
  .sitsoon-sms { width:228px; right:0; padding:17px 19px; }
  .sitsoon-sms p { font-size:12px; }
  .sitsoon-demo .waitlist-caption { min-height:95px; }
}
@media(prefers-reduced-motion:reduce) { .sitsoon-demo .tablet-scene { transition:none; } }

/* One current Forest UI baseline for all three scenes. Append after styles.css. */
.sitsoon-demo.ss-flow { --ss-forest:#1e392c;--ss-beige:#f2eada;--ss-paper:#fbf8f1;--ss-sage:#dce5d8;--ss-olive:#5c6b5f;--ss-amber:#805110;--ss-amber-fill:#fae7bd;--ss-amber-text:#65420d;--ss-red:#a23232;display:flex;flex-direction:column;gap:0;padding:42px 0 0 14px;margin:0;color:#f2eada;min-width:0; }
.ss-flow [hidden] { display:none!important; }
.ss-stage { order:0;position:relative;isolation:isolate;padding:12px 0 0; }
.ss-device { position:relative;padding:12px;border:1px solid #526052;border-radius:22px;background:#202c23;box-shadow:0 18px 35px #06140838,0 1px 0 #83917d inset; }
.ss-camera { position:absolute;top:4px;left:50%;width:4px;height:4px;border-radius:50%;background:#7f8b7f; }
.ss-product { height:510px;overflow:hidden;background:var(--ss-beige);border-radius:9px;position:relative;container-type:inline-size;color:var(--ss-forest);font-family:Arial,Helvetica,sans-serif; }
.ss-ui { height:100%;position:relative;display:flex;flex-direction:column;font-size:14px;line-height:1.35; }
.ss-ui svg { display:block;flex-shrink:0;width:18px;height:18px;fill:currentColor; }
.ss-ui p { margin:0; }
.ss-ui .ss-icon { width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0; }
.ss-topbar { min-height:58px;padding:15px 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px; }
.ss-toolbar-actions { display:flex;align-items:center;gap:18px;font-size:12px;font-weight:600; }
.ss-toolbar-action { display:flex;align-items:center;gap:6px;white-space:nowrap; }
.ss-toolbar-action:last-child { margin-left:-8px; }
.ss-native-brand { display:flex;gap:7px;align-items:center; }
.ss-native-brand img:first-child { width:29px;height:29px; }
.ss-native-brand img:last-child { width:92px;height:auto; }
.ss-add-heading { justify-content:flex-start;gap:14px;font-size:17px;font-weight:700; }
.ss-add-heading .ss-icon { width:20px;height:20px; }
.ss-welcome-fields { width:76%;max-width:410px;margin:1px auto 0;display:flex;flex-direction:column;gap:14px; }
.ss-field { position:relative;min-height:39px;padding:11px 11px 8px;border:1px solid var(--ss-olive);border-radius:4px;color:var(--ss-forest);font-size:13px;line-height:1.3; }
.ss-field-label { position:absolute;top:-8px;left:8px;padding:0 4px;background:var(--ss-beige);color:var(--ss-olive);font-size:10px;line-height:14px; }
.ss-party-field { display:flex;gap:9px;align-items:stretch; }
.ss-party-field .ss-field { flex:1; }
.ss-plus { min-width:40px;border:1px solid var(--ss-olive);border-radius:9px;display:grid;place-items:center;background:var(--ss-paper);font-size:20px;font-weight:600; }
.ss-fieldset { margin-top:-2px; }
.ss-fieldset-title { display:block;font-size:12px;font-weight:700;margin-bottom:8px; }
.ss-choice-row { display:flex;gap:8px; }
.ss-choice { display:flex;align-items:center;justify-content:center;min-height:36px;min-width:56px;padding:8px 12px;background:var(--ss-paper);border:1px solid var(--ss-olive);border-radius:9px;font-size:11px;font-weight:600; }
.ss-choice.selected { color:var(--ss-paper);background:var(--ss-forest);border-color:var(--ss-forest); }
.ss-notes { min-height:43px;margin-top:0; }
.ss-form-actions { width:76%;max-width:410px;margin:auto auto 18px;display:flex;gap:11px;align-items:center; }
.ss-cancel { width:42px;height:42px;display:grid;place-items:center;background:var(--ss-red);color:white;border-radius:50%;flex-shrink:0; }
.ss-submit { height:42px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:var(--ss-forest);color:var(--ss-paper);flex:1; }
.ss-queue { flex:1;min-height:0;overflow:hidden;padding:0 24px 68px;width:100%;max-width:760px;margin:auto; }
.ss-queue-section + .ss-queue-section { margin-top:17px; }
.ss-queue-heading { display:flex;align-items:center;gap:7px;min-height:29px;margin:0 0 8px;font-size:15px;font-weight:700;color:var(--ss-forest); }
.ss-queue-heading.notified { color:var(--ss-amber); }
.ss-count { margin-left:auto;min-width:25px;padding:3px 6px;border-radius:6px;background:var(--ss-sage);text-align:center;font-size:13px;font-weight:700; }
.ss-queue-heading.notified .ss-count { background:var(--ss-amber-fill);color:var(--ss-amber-text); }
.ss-empty { border:1px solid #97a08f;border-radius:10px;color:var(--ss-olive);background:var(--ss-paper);padding:16px;text-align:center;font-weight:600;font-size:12px; }
.ss-guest { position:relative;border:1px solid #87917d;border-radius:10px;background:var(--ss-paper);padding:12px 14px; }
.ss-guest + .ss-guest { margin-top:9px; }
.ss-guest.notified { background:var(--ss-amber-fill);border-color:var(--ss-amber);color:var(--ss-amber-text); }
.ss-guest-head { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.ss-guest-name { display:block;font-size:18px;line-height:1.15;font-weight:700; }
.ss-guest-details { display:block;font-size:13px;font-weight:600;margin-top:4px; }
.ss-guest-note { font-size:12px;font-weight:600;margin-top:4px!important; }
.ss-badge { display:block;flex-shrink:0;font-size:10px;line-height:1.2;font-variant-numeric:tabular-nums;font-weight:600;background:var(--ss-sage);padding:5px 7px;border-radius:5px;white-space:nowrap; }
.ss-guest.notified .ss-badge { background:var(--ss-amber-fill);border:1px solid var(--ss-amber);color:var(--ss-amber-text);padding:4px 6px; }
.ss-row-actions { display:flex;flex-wrap:wrap;gap:7px;margin-top:9px; }
.ss-row-action { display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:33px;padding:7px 10px;border:1px solid transparent;border-radius:8px;font-size:12px;line-height:1;font-weight:700; }
.ss-row-action .ss-icon,.ss-row-action svg { width:15px;height:15px; }
.ss-notify { color:var(--ss-paper);background:var(--ss-forest); }
.ss-followup { color:var(--ss-paper);background:var(--ss-red); }
.ss-seat { background:#e1eadd;border-color:#2d6144;color:var(--ss-forest); }
.ss-remove { background:var(--ss-paper);border-color:var(--ss-red);color:var(--ss-red); }
.ss-add-floating { position:absolute;bottom:17px;right:18px;display:flex;align-items:center;gap:10px;min-height:45px;padding:11px 21px;border-radius:11px;background:var(--ss-forest);color:var(--ss-paper);box-shadow:0 3px 6px #1e392c22;font-size:14px;font-weight:700; }
.ss-home-line { position:absolute;bottom:6px;left:43%;width:14%;height:3px;border-radius:3px;background:#69675f;opacity:.8; }
.ss-flow .ss-message { position:relative;inset:auto;z-index:2;margin:-12px 0 0 auto;width:min(290px,88%);padding:20px 23px 17px;border:1px solid #1e392c22;border-radius:16px 16px 4px 16px;background:#fbf8f1;color:#1e392c;box-shadow:0 10px 20px #06140822;text-align:left; }
.ss-message-top { display:flex;align-items:center;gap:8px;margin-bottom:12px;font:700 9px/1.3 var(--sans);letter-spacing:1px; }
.ss-message-icon { display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:17px;background:var(--ss-sage); }
.ss-flow .ss-message p { font:400 13px/1.5 var(--sans); }
.ss-flow .ss-message .ss-message-venue { font-weight:700;margin-bottom:5px; }
.ss-flow .ss-message small { display:block;margin-top:12px;color:var(--ss-olive);font:400 10px/1.3 var(--sans); }
.ss-flow .ss-controls { order:1;display:flex;justify-content:center;gap:10px;margin-top:24px; }
.ss-flow .ss-controls button { min-height:44px;border-radius:25px;padding:11px 15px;font-size:12px;background:transparent;color:#e7e8db; }
.ss-flow .ss-controls button span { font-size:9px;opacity:.7;margin-right:7px; }
.ss-flow .ss-controls button[aria-pressed="true"] { background:#eee9dd;color:#233d2d; }
.ss-flow .ss-controls i { font-size:12px;color:#a3b18f; }
.ss-flow .ss-controls button:focus-visible { outline:2px solid #f2eada;outline-offset:4px; }
.ss-flow .ss-caption { order:2;text-align:center;min-height:90px;margin-top:16px; }
.ss-flow .ss-caption p { font-size:12px;line-height:1.6;color:#e0e4d4; }
.ss-flow .ss-caption strong { display:block;margin-bottom:5px;color:#f2eada;font-size:13px;font-weight:700; }
.ss-flow .ss-caption .demo-caption { display:block;margin-top:8px;color:#c5ceba;font-size:9px;line-height:1.5; }
.ss-welcome-mount { order:3;width:100%; }
.ss-welcome-mount:empty { display:none; }
@container (max-width:440px) {
 .ss-topbar { padding-inline:13px;gap:10px;min-height:55px; }
 .ss-toolbar-actions { gap:15px; }.ss-toolbar-label { display:none; }
 .ss-native-brand img:first-child { width:25px;height:25px; }.ss-native-brand img:last-child { width:84px; }
 .ss-welcome-fields,.ss-form-actions { width:calc(100% - 30px); }
 .ss-welcome-fields { gap:14px; }
 .ss-queue { padding-inline:12px; }
 .ss-guest { padding:11px; }
 .ss-guest-name { font-size:17px; }.ss-guest-details { font-size:12px; }
 .ss-row-action { padding-inline:8px;font-size:11px; }
 .ss-add-floating { right:13px;font-size:13px;padding-inline:16px; }
}
@media(max-width:760px) {
 .sitsoon-demo.ss-flow { padding:8px 0 0;margin-top:16px; }
 .ss-device { padding:9px;border-radius:17px; }.ss-camera { top:3px;width:3px;height:3px; }
.ss-product { border-radius:7px;height:510px; }
 .ss-flow .ss-controls { gap:6px;margin-top:21px; }.ss-flow .ss-controls button { font-size:11px;padding:10px 11px; }
 .ss-flow .ss-caption { min-height:96px; }.ss-flow .ss-caption p { font-size:11px; }
 .ss-flow .ss-caption strong { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .ss-flow * { scroll-behavior:auto;transition:none!important;animation:none!important; } }

/* Keep the journey result inside the phone, with a quiet replay control. */
.phone-demo-controls{justify-content:flex-end}

.sms-demo-form { padding: clamp(18px, 3vw, 28px); border: 1px solid #d5ddd4; border-radius: 20px; background: #f7f9f5; color: #253b2d; text-align: left; }
.sms-demo-heading h4 { margin: 0 0 7px; font-family: inherit; font-size: 22px; font-weight: 600; line-height: 1.15; letter-spacing: -.025em; }
.sms-demo-heading p { margin: 0 0 20px; font-size: 13px; line-height: 1.5; color: #526657; }
.sms-demo-fields { display: grid; grid-template-columns: 1fr 1.1fr; gap: 12px; }
.sms-demo-fields label { display: grid; gap: 7px; font-size: 12px; font-weight: 600; }
.sms-demo-fields input { width: 100%; box-sizing: border-box; padding: 11px 12px; min-height: 44px; border: 1px solid #bac8ba; border-radius: 9px; background: #fff; color: #253b2d; font: inherit; font-size: 16px; }
.sms-demo-fields input:focus-visible, .sms-demo-consent input:focus-visible { outline: 2px solid #45694d; outline-offset: 3px; }
.sms-demo-consent { display: flex; align-items: flex-start; gap: 9px; margin: 16px 0; font-size: 12px; line-height: 1.5; }
.sms-demo-consent input { flex: 0 0 auto; width: 18px; height: 18px; margin: 0; accent-color: #45694d; }
.sms-demo-action { display: flex; align-items: center; gap: 14px; }
.sms-demo-action button { flex: 0 0 auto; display: flex; justify-content: space-between; gap: 24px; min-height: 44px; border: 0; border-radius: 9px; padding: 11px 15px; background: #e1e7dd; color: #53634e; font: inherit; font-size: 13px; font-weight: 600; cursor: default; }
.sms-demo-action p, .sms-demo-privacy { margin: 0; font-size: 11px; line-height: 1.5; color: #526657; }
.sms-demo-privacy { margin-top: 13px; }
@media (max-width: 420px) { .sms-demo-fields { grid-template-columns: 1fr; } .sms-demo-action { align-items: flex-start; flex-direction: column; gap: 9px; } }

/* Stable workflow companions keep both focus and the reading position intact. */
.ss-flow .ss-stage,.ss-flow .ss-caption,.ss-flow .ss-welcome-mount{overflow-anchor:none}
.contact-actions{display:grid;gap:12px;margin-top:24px}
.contact-copy .contact-actions a{margin-top:0}
.contact-copy .contact-actions .contact-email{padding:12px 16px 12px 20px;background:#25372b;color:#fbf8ef;border:1px solid #25372b;border-radius:14px}
.contact-copy .contact-email>span{border-color:#6a7a6c}
.contact-copy .contact-actions .contact-email:hover{background:#344a3a;color:#fffdf5}