:root{--ink:#15101f;--muted:#61546b;--purple:#765782;--lavender:#9c80a4;--line:#e3d6e5;--paper:#faf5f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 94% 27%,#e4d7e9 0%,transparent 29%),radial-gradient(ellipse at 0% 63%,#eee0ed 0%,transparent 45%),linear-gradient(120deg,#f8f0ed,#faf5f3 60%,#f0e8ef);min-height:100vh;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,.shot-media:focus-visible{outline:3px solid #765782;outline-offset:5px}h1,h2,h3,p{margin-top:0}img{display:block;max-width:100%}svg{display:block;flex-shrink:0}[hidden]{display:none!important}.skip{position:fixed;left:-10000px;top:12px;padding:15px;background:white;z-index:10}.skip:focus{left:12px}.header{width:calc(100% - 11.6%);margin:auto;height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #decfde}.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:28px;letter-spacing:.3px;font-weight:700;line-height:.95}.wordmark span{font-family:Arial,sans-serif;font-size:10px;font-weight:500;display:block;letter-spacing:1.8px;margin-top:7px}.header>p{font-size:11px;letter-spacing:1.7px;margin:0;color:#51415d}.header>p>span{margin-inline:19px;color:#8f7d9a}.header strong{font-weight:500;color:#2f193d}.hero{position:relative;width:calc(100% - 11.6%);margin:auto;display:grid;grid-template-columns:30% 1fr;gap:5%;min-height:217px;padding:25px 0 31px;align-items:center;isolation:isolate}.eyebrow{font-size:11px;letter-spacing:2px;margin:0 0 18px;line-height:1.5;white-space:nowrap}.hero-name h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(50px,4.25vw,77px);letter-spacing:-2px;line-height:.96;margin:0}.hero-name em{color:#997ca2;font-weight:400}.hero-copy{position:relative;border-left:1px solid #d5c1d7;padding-left:7%;z-index:1}.hero-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,2.25vw,39px);font-weight:600;line-height:1.14;letter-spacing:-.5px;margin:0 0 20px}.hero-copy>p{font-size:15px;line-height:1.5;color:#65576b;margin:0;max-width:700px}.lavender{position:absolute;width:24%;right:-6.5%;bottom:-29px;z-index:-1;pointer-events:none;opacity:.9}.showcase{width:calc(100% - 6%);margin:0 auto;background:linear-gradient(130deg,#fffafac7,#f8f0f6cf 65%,#f1e9f3d9);border:1px solid #e5d7e9;border-radius:34px;box-shadow:0 13px 23px -12px #4d2c4d40,inset 0 1px 2px #fff;padding:20px 10px 0}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px 21px}.tabs{display:flex;gap:18px}.tabs button{display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;border-radius:18px;min-height:54px;padding:12px 25px;background:linear-gradient(110deg,#f1e6f0,#eee2ee);font-size:14px;white-space:nowrap}.tabs button svg{width:26px;height:26px;color:#79588a}.tabs button[aria-selected=true]{color:white;background:linear-gradient(155deg,#a087aa 0%,#795a87 42%,#65456f 100%);border-color:#ac95b4;box-shadow:0 7px 12px -6px #55345f90,inset 0 1px 3px #c2adcc}.tabs button[aria-selected=true] svg{color:white}.demo-chip{padding:17px 24px;border:1px solid #e2d2e8;border-radius:30px;color:#684773;font-size:10px;letter-spacing:1.5px;margin:0;text-align:center;line-height:1.4}.gallery-body{position:relative;padding-inline:74px}.track{--columns:4;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:42px;align-items:start}.shot-card{min-width:0;position:relative}.shot-card:not(:last-child):after{content:'›';position:absolute;right:-28px;top:138px;font-family:Georgia,serif;font-size:42px;line-height:1;color:#795b89}.shot-media{height:clamp(250px,21vw,350px);display:flex;align-items:safe center;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#af94ba transparent;border-radius:19px}.shot-open{display:block;width:100%;flex-shrink:0;padding:0;border:0;border-radius:18px;background:transparent;cursor:zoom-in}.shot-open img{width:100%;height:auto;border-radius:17px;box-shadow:0 5px 16px -8px #271c2d5e}.shot-caption{display:grid;grid-template-columns:auto 1fr;gap:8px 13px;padding-top:16px}.step-number{font-size:13px;color:white;background:linear-gradient(135deg,#b29bbc,#987ca4);border-radius:18px;min-width:31px;height:23px;display:grid;place-items:center}.shot-caption h3{font-size:13px;font-weight:600;line-height:1.35;margin:0 0 5px}.shot-caption p{font-size:12px;line-height:1.4;color:#65576b;margin:0;max-width:260px}.side-arrow{position:absolute;top:calc(clamp(250px,21vw,350px)/2 - 25px);width:48px;height:48px;border:1px solid #e5d8eb;background:#fcf7ff;border-radius:50%;color:#634574;box-shadow:0 5px 12px #6f46721a;display:grid;place-items:center}.side-arrow svg{width:24px;height:24px}.previous{left:10px}.next{right:10px}.pagination{display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding:0 28px 15px;min-height:45px}.pagination>span{font-size:12px;color:#46324f;letter-spacing:.5px}.dots{display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:100%;justify-content:flex-end}.dots button{display:block;border:0;background:#d8c8de;width:10px;height:10px;border-radius:50%;padding:0;box-shadow:0 0 0 6px transparent;margin:4px}.dots button[aria-current=true]{background:#7b5c89}.benefits{display:grid;grid-template-columns:1.05fr repeat(4,1fr);align-items:center;gap:15px;border:1px solid #eadfec;border-bottom:0;border-radius:28px;background:linear-gradient(120deg,#fffafc88,#f3eaf4aa);padding:22px 28px 23px}.benefits h2{font-family:Georgia,'Times New Roman',serif;font-size:20px;color:#634273;margin:0;letter-spacing:-.4px}.benefits>div{display:flex;align-items:center;justify-content:center;gap:22px}.benefits svg{width:34px;height:34px;color:#896799}.benefits p{font-size:12px;line-height:1.35;margin:0}.project-status{font-size:9px;line-height:1.7;text-align:center;margin:16px 25px;color:#827087}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid var(--line)}dialog{width:min(1100px,calc(100vw - 30px));max-height:calc(100dvh - 30px);padding:0;border:1px solid #beacca;border-radius:15px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#25182cb8;backdrop-filter:blur(5px)}.dialog-bar h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0}.dialog-bar>div{display:flex;gap:10px}.dialog-bar button{border:1px solid #c4b2ce;border-radius:6px;background:transparent;padding:12px;font-size:11px;min-height:44px}.zoom-scroll{max-height:calc(100dvh - 175px);overflow:auto;padding:14px;background:#e8deee;overscroll-behavior:contain}.zoom-scroll img{width:100%;max-width:none;height:auto}.zoom-scroll.enlarged img{width:200%}.zoom-hint{font-size:10px;line-height:1.5;color:var(--muted);margin:0;padding:12px 20px}
@media(min-width:1800px){.header,.hero{max-width:1650px}.showcase{max-width:1770px}}
@media(max-width:1250px){.gallery-body{padding-inline:60px}.track{gap:25px}.shot-card:not(:last-child):after{right:-19px;font-size:34px}.panel-toolbar{padding-inline:20px}.tabs button{padding-inline:18px;font-size:12px;gap:11px}.demo-chip{font-size:8px;letter-spacing:1px;padding:15px 18px}.benefits{gap:12px;padding-inline:20px}.benefits>div{gap:14px}.benefits h2{font-size:18px}.benefits p{font-size:11px}.benefits svg{width:30px;height:30px}.hero-copy>p{font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.5px}}
@media(max-width:1099px){.track{--columns:2;gap:35px}.hero{grid-template-columns:36% 1fr;gap:4%;min-height:225px}.hero-name h1{font-size:56px}.hero-copy{padding-left:7%}.hero-copy h2{font-size:28px}.hero-copy>p{font-size:12px}.lavender{opacity:.55;width:28%}.desktop-break{display:none}.shot-media{height:310px}.side-arrow{top:130px}.shot-card:not(:last-child):after{top:125px;right:-25px}.benefits{grid-template-columns:repeat(4,1fr);gap:22px 12px}.benefits h2{grid-column:1/-1;text-align:left}.benefits>div{justify-content:flex-start}.panel-toolbar{flex-wrap:wrap;gap:16px}.demo-chip{margin-left:auto}.pagination{padding-top:18px}.header>p{font-size:9px}}
@media(max-width:649px){.header{width:calc(100% - 40px);height:65px}.wordmark{font-size:22px}.wordmark span{font-size:8px;letter-spacing:1.6px;margin-top:5px}.header>p{font-size:7px;letter-spacing:1px}.header>p>span{margin-inline:7px}.hero{width:calc(100% - 40px);grid-template-columns:1fr;gap:20px;padding:26px 0 30px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:15px;white-space:normal}.hero-name h1{font-size:clamp(52px,14vw,76px);letter-spacing:-1.8px}.hero-copy{border-left:0;padding-left:0;max-width:90%}.hero-copy h2{font-size:27px;line-height:1.17;margin-bottom:13px}.hero-copy>p{font-size:12px;line-height:1.6}.lavender{width:55%;right:-8%;bottom:15px;opacity:.37;z-index:-1}.showcase{width:calc(100% - 24px);border-radius:26px;padding:14px 5px 0}.panel-toolbar{padding:0 8px 14px;gap:12px}.tabs{gap:7px;width:100%}.tabs button{min-height:49px;padding:10px 9px;gap:8px;flex:1;border-radius:13px;font-size:10px}.tabs button svg{width:21px;height:21px}.demo-chip{font-size:7px;letter-spacing:.8px;padding:10px 12px;max-width:100%;margin-left:0}.track{--columns:1;gap:0}.gallery-body{padding-inline:37px}.shot-media{height:310px;border-radius:15px}.shot-open img{border-radius:14px}.shot-caption{gap:8px 11px;padding-top:16px}.shot-caption h3{font-size:13px}.shot-caption p{font-size:12px;max-width:none}.step-number{font-size:12px}.side-arrow{width:32px;height:38px;top:134px}.side-arrow svg{width:19px;height:19px}.previous{left:0}.next{right:0}.shot-card:after{display:none}.pagination{padding:17px 12px 16px;gap:9px;align-items:center;min-height:0}.dots{gap:7px;justify-content:center}.dots button{width:8px;height:8px}.pagination>span{font-size:11px}.benefits{grid-template-columns:1fr 1fr;padding:18px 14px 20px;border-radius:21px;gap:22px 12px}.benefits h2{font-size:20px}.benefits>div{gap:12px;align-items:flex-start}.benefits svg{width:28px;height:28px}.benefits p{font-size:10px;line-height:1.5}.project-status{font-size:8px;margin:15px 18px}.dialog-bar{display:block;padding:14px}.dialog-bar h2{font-size:23px;margin-bottom:14px}.dialog-bar>div{justify-content:space-between}.zoom-scroll{max-height:calc(100dvh - 230px);padding:8px}.zoom-hint{font-size:9px}dialog{width:calc(100vw - 18px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Botanical decoration may overhang the composition, never the page viewport. */
body{overflow-x:clip}
@media(max-width:649px){.lavender{right:-4%}}