/* From Sorrento to Sorrento — original identity, editorial case study. */
.project-fsts{--bone:#faf8f2;--fsts-ink:#0a101a;--sand:#bab190;--teal:#50b5ab;--deep:#2e7a73;--terracotta:#b85c4a}
.project-fsts .project-title{font-size:clamp(48px,7.2vw,132px);max-width:90%;line-height:1.02;letter-spacing:-.065em}
.fsts-info{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:60px 0 55px}.fsts-facts{display:grid;grid-template-columns:1fr 1fr;gap:30px;font-size:11px;line-height:1.7}.fsts-facts dt{color:#737373;margin-bottom:10px}.fsts-facts dd{margin:0}.fsts-info .project-summary{margin:0;max-width:34ch}
.fsts-cover{display:grid;grid-template-columns:1fr 1fr;margin:0}.fsts-cover-sign{background:var(--bone);padding:32px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;min-width:0}.fsts-cover-sign span{font-size:10px;align-self:flex-start}.fsts-cover-sign img{width:90%;height:auto}.fsts-cover-photo{aspect-ratio:1;overflow:hidden}.fsts-cover-photo img{width:100%;height:100%;object-fit:cover}
.fsts-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.fsts-chapter{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:115px 0 50px}.fsts-chapter>.mono{font-size:11px;padding-top:8px}.fsts-chapter h2{max-width:17ch}.fsts-chapter .project-copy p{max-width:45ch}.fsts-full{grid-column:1/-1}
.fsts-journey{background:var(--bone);padding:clamp(28px,5vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:50px;position:relative;overflow:hidden}.fsts-journey .mono{font-size:11px}.fsts-journey h3{font-size:clamp(38px,6vw,100px);line-height:1.1;font-weight:400;margin:15px 0;letter-spacing:-.065em}.fsts-journey p{font-size:16px;max-width:25ch;line-height:1.5;margin:0}.fsts-journey>div:nth-child(2){text-align:right;display:flex;flex-direction:column;align-items:flex-end}.fsts-journey-line{grid-column:1/-1;width:100%;height:auto;margin-top:12px}.fsts-journey-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bab190;padding-top:22px;font-size:10px}
.fsts-motion{grid-column:1/-1;background:var(--bone);color:var(--fsts-ink);overflow:hidden;position:relative;scroll-margin-top:24px}.fsts-motion-top{padding:24px 30px 0;display:flex;justify-content:space-between;gap:16px;font-size:10px}.fsts-stage{max-width:1050px;margin:auto;aspect-ratio:1.65}.fsts-stage svg{width:100%;height:100%;display:block;overflow:hidden}.fsts-stage path,.fsts-stage line,.fsts-stage circle{vector-effect:non-scaling-stroke}.fsts-motion-copy{display:flex;justify-content:space-between;gap:28px;padding:0 30px 28px;min-height:100px}.fsts-motion-copy h3{font-size:clamp(19px,2vw,28px);font-weight:500;line-height:1.2;margin:0 0 8px}.fsts-motion-copy p{font-size:14px;max-width:64ch;line-height:1.5;margin:0;color:#58615f}.fsts-play{align-self:flex-start;white-space:nowrap;background:transparent;border:0;padding:14px 0 14px 16px;min-height:44px;font-size:11px;cursor:pointer}.fsts-phases{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #d5d4cc}.fsts-phases button{background:transparent;border:0;border-right:1px solid #d5d4cc;min-height:70px;text-align:left;padding:16px 14px;font-size:10px;color:#606b69;cursor:pointer;line-height:1.7}.fsts-phases button span{display:block}.fsts-phases button[aria-pressed=true]{background:var(--fsts-ink);color:var(--bone)}.fsts-motion button:focus-visible{outline:2px solid var(--deep);outline-offset:-4px}.fsts-motion-progress{height:2px;background:var(--deep);transform-origin:left;transform:scaleX(0)}
.fsts-technical-note{grid-column:1/-1;font-size:12px;line-height:1.6;color:#686868;max-width:85ch;margin:0 0 10px}.fsts-signature{background:var(--bone);display:flex;flex-direction:column;margin:0;min-width:0}.fsts-signature.dark{background:var(--fsts-ink);color:var(--bone)}.fsts-signature img{display:block;width:100%;padding:clamp(20px,3vw,50px);height:auto;aspect-ratio:1.25;object-fit:contain}.fsts-signature figcaption{display:flex;justify-content:space-between;padding:22px 28px;font-size:10px}.fsts-monogram-strip{display:flex;align-items:center;justify-content:space-between;padding:55px 7%;gap:40px;background:var(--bone)}.fsts-monogram-strip img{width:17%;max-height:180px}.fsts-monogram-strip p{font-size:clamp(24px,3.4vw,50px);line-height:1.15;max-width:16ch;letter-spacing:-.04em}
.fsts-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:340px}.fsts-swatch{padding:25px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:60px;font-size:11px;line-height:1.7}.fsts-swatch strong{font-size:clamp(18px,2vw,28px);font-weight:500;letter-spacing:-.04em}.fsts-swatch span{display:block}.fsts-swatch .swatch-use{font-family:Gotham,sans-serif;font-size:12px;line-height:1.5;margin-top:18px}.fsts-ratio{display:grid;grid-template-columns:6fr 3fr 1fr;min-height:90px}.fsts-ratio div{padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:15px;font-size:11px}.fsts-ratio div:last-child{padding-inline:12px}.fsts-ratio strong{font-size:24px;font-weight:400}
.fsts-photo{margin:0;min-width:0}.fsts-photo img{width:100%;height:auto;display:block}.fsts-photo figcaption{font-size:10px;line-height:1.5;padding:18px 0 0;display:flex;justify-content:space-between;gap:20px}.fsts-device-pair{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.fsts-device-pair>figure:first-child{padding-top:90px}.fsts-device-copy{padding-top:32px;font-size:clamp(21px,2.5vw,36px);line-height:1.3;max-width:23ch;letter-spacing:-.04em}.fsts-device-copy small{font-size:14px;display:block;line-height:1.6;letter-spacing:0;margin-top:20px;color:#646464}
.fsts-screen-explorer{margin-top:35px;border-block:1px solid #ddd;padding:20px 0}.fsts-screen-explorer summary{font-size:11px;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between}.fsts-screen-explorer summary::after{content:'+';font-size:25px}.fsts-screen-explorer[open] summary::after{content:'−'}.fsts-screens{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:24px;background:var(--bone);align-items:center}.fsts-screen-display{border:8px solid var(--fsts-ink);border-radius:9px;overflow:hidden;max-height:650px}.fsts-screen-display img{width:100%;height:auto;display:block}.fsts-screen-options{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.fsts-screen-options button{background:transparent;border:1px solid #abb5b2;padding:12px;font-size:10px;cursor:pointer}.fsts-screen-options button[aria-pressed=true]{background:var(--fsts-ink);color:var(--bone)}.fsts-phone-display{width:min(100%,280px);margin:auto;border:8px solid var(--fsts-ink);border-radius:28px;overflow:hidden}.fsts-phone-display img{width:100%;height:auto;display:block}
.fsts-finale{padding:clamp(40px,6vw,90px);margin:75px 0 0;background:var(--deep);color:var(--bone);display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:50px}.fsts-finale p{font-size:clamp(34px,5vw,78px);line-height:1.08;letter-spacing:-.055em;margin:0;max-width:13ch}.fsts-finale img,.fsts-finale-art{width:75%;margin-left:auto;display:block}.fsts-finale .mono{display:block;margin-bottom:30px;font-size:10px}.fsts-credits{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:75px 0 85px}.fsts-credits>.mono{font-size:11px}.fsts-credits p{font-size:13px;line-height:1.7;max-width:70ch;margin:0 0 18px}.fsts-credits a{text-decoration:none;border-bottom:1px solid #aaa}
@media(min-width:1900px){.project-fsts .project-story,.project-fsts .site-header,.project-fsts .site-footer{max-width:1800px;margin-inline:auto}}
@media(max-width:800px){.fsts-info{grid-template-columns:1fr;gap:35px;margin:35px 0}.fsts-info .project-summary{max-width:40ch}.fsts-facts{grid-template-columns:repeat(3,1fr);gap:15px;font-size:9px}.fsts-cover{grid-template-columns:1fr}.fsts-cover-sign{min-height:350px;padding:24px}.fsts-cover-sign img{width:85%;max-width:440px}.fsts-cover-photo{aspect-ratio:1.35}.fsts-chapter{grid-template-columns:1fr;gap:28px;padding:75px 0 25px}.fsts-chapter h2{max-width:20ch}.fsts-chapter .project-copy p{max-width:none}.fsts-gallery{gap:18px}.fsts-journey{gap:30px;padding:28px 22px}.fsts-journey h3{font-size:clamp(27px,8vw,52px)}.fsts-journey p{font-size:12px}.fsts-journey .mono{font-size:9px}.fsts-journey-foot{font-size:8px;gap:10px}.fsts-journey-line{min-height:85px}.fsts-motion-top{padding:20px 20px 0;font-size:8px}.fsts-stage{aspect-ratio:1.1;overflow:hidden}.fsts-stage svg{width:150%;max-width:none;margin-left:-25%;height:100%}.fsts-motion-copy{padding:0 20px 20px;gap:16px;min-height:140px}.fsts-motion-copy h3{font-size:20px}.fsts-motion-copy p{font-size:12px}.fsts-play{font-size:9px}.fsts-phases{grid-template-columns:repeat(3,1fr)}.fsts-phases button{min-height:62px;font-size:9px;padding:12px;border-bottom:1px solid #d5d4cc}.fsts-technical-note{font-size:11px}.fsts-signature{grid-column:1/-1}.fsts-signature img{aspect-ratio:1.4;padding:30px}.fsts-signature figcaption{font-size:9px;padding:18px 22px}.fsts-monogram-strip{padding:35px 24px;gap:24px}.fsts-monogram-strip img{width:25%}.fsts-monogram-strip p{font-size:25px}.fsts-palette{grid-template-columns:1fr 1fr}.fsts-swatch{min-height:250px;padding:22px;gap:40px}.fsts-ratio{grid-template-columns:6fr 3fr 1fr}.fsts-ratio div{font-size:8px;padding:14px 10px}.fsts-ratio strong{font-size:21px}.fsts-ratio div:last-child{padding-inline:8px}.fsts-device-pair{grid-template-columns:1fr;gap:35px}.fsts-device-pair>figure:first-child{padding-top:0}.fsts-device-copy{font-size:25px;padding-top:22px;margin-bottom:8px;max-width:25ch}.fsts-device-copy small{font-size:13px}.fsts-photo figcaption{font-size:9px}.fsts-device-pair>figure:last-child{max-width:520px;width:100%;margin:auto}.fsts-screens{grid-template-columns:1fr;padding:15px}.fsts-screen-explorer summary{font-size:9px}.fsts-finale{grid-template-columns:1fr;gap:40px;margin-top:50px;padding:32px}.fsts-finale img,.fsts-finale-art{width:110px}.fsts-finale p{font-size:43px}.fsts-credits{grid-template-columns:1fr;gap:25px;padding:55px 0}.fsts-credits p{font-size:12px}}
@media(max-width:360px){.fsts-facts{grid-template-columns:1fr 1fr}.fsts-motion-copy{gap:10px}.fsts-motion-copy h3{font-size:18px}.fsts-play{font-size:8px}.fsts-motion-top{padding-inline:16px}.fsts-journey{gap:18px}.fsts-journey p{font-size:11px}.project-fsts .project-title{font-size:43px}}
/* Keep the diagram and its controls in one desktop viewport. */
@media(min-width:801px){.fsts-stage{height:clamp(340px,53vh,600px);aspect-ratio:auto}}
.fsts-motion-seek{display:block;width:calc(100% - 60px);margin:0 30px 14px;height:18px;accent-color:#2e7a73;cursor:ew-resize}.fsts-motion-progress{display:none}
@media(max-width:800px){.fsts-motion-seek{width:calc(100% - 40px);margin-inline:20px}}
@media(max-width:800px){.project-fsts .project-topline{gap:12px}.project-fsts .project-topline .all-projects{font-size:10px;gap:7px;white-space:nowrap;flex-shrink:0}.project-fsts .project-topline>.mono{font-size:9px;text-align:right}.project-fsts .project-navigation .all-projects{white-space:nowrap;font-size:11px}}
/* Application studies from the updated third Illustrator artboard. */
.fsts-symbols{display:grid;grid-template-columns:1fr 1fr 2fr;gap:32px;align-items:center;padding:45px 30px;background:#faf8f2;margin-bottom:35px}.fsts-symbols figure{min-width:0}.fsts-symbols img{width:100%;height:240px;object-fit:contain}.fsts-symbols figcaption{font-size:10px;margin-top:25px}.fsts-object-note{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:30px 0 65px}.fsts-object-note h3{font-size:clamp(27px,3.5vw,50px)}.fsts-object-note p{font-size:17px;line-height:1.65;max-width:48ch}.fsts-object-pair{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:start}.fsts-object-pair figure:last-child{padding-top:85px}
@media(max-width:800px){.fsts-symbols{grid-template-columns:1fr 1fr;padding:25px 20px;gap:30px 18px}.fsts-symbols figure:last-child{grid-column:1/-1}.fsts-symbols img{height:150px}.fsts-symbols figure:last-child img{height:auto}.fsts-symbols figcaption{font-size:9px;margin-top:15px}.fsts-object-note{grid-template-columns:1fr;gap:24px;padding:15px 0 45px}.fsts-object-note p{font-size:14px}.fsts-object-pair{grid-template-columns:1fr;gap:35px}.fsts-object-pair figure:last-child{padding-top:0}}
/* Revised scale and editorial motion. */
.fsts-logo-animated{display:block;width:63%;height:auto;overflow:visible}.fsts-logo-animated #hero-sorrento{transform-box:fill-box;transform-origin:center}
.fsts-signature img{transform:scale(.7)}
.fsts-facts{grid-template-columns:1fr 1fr}
.fsts-journey{row-gap:26px}.fsts-journey-line{min-height:130px}.fsts-journey-pause{position:absolute;right:clamp(28px,5vw,80px);bottom:70px;border:0;background:none;font-size:10px;min-height:44px;cursor:pointer;color:var(--deep)}
.fsts-scene{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.5}.fsts-scene>img{position:relative;width:100%;height:100%;object-fit:cover}.fsts-curtain{position:absolute;inset:0;background-size:100% 100%;mask-image:linear-gradient(90deg,#000 0%,#000 7%,transparent 10%);transform-origin:left top;pointer-events:none}.fsts-light-mask{position:absolute;inset:0;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,15% 7%,14% 73%,88% 73%,87% 7%,15% 7%);pointer-events:none;mix-blend-mode:multiply}.is-laptop .fsts-light-mask{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,21% 6%,21% 72%,89% 72%,88% 6%,21% 6%)}
.fsts-light-shadow{position:absolute;inset:-12%;background:repeating-linear-gradient(112deg,transparent 0 16%,#625844 18% 20%,transparent 22% 31%);filter:blur(16px);opacity:.12;transform-origin:10% 20%}
.fsts-monitor-plane{position:absolute;top:0;left:0;width:1440px;height:826px;transform-origin:0 0;pointer-events:none}.fsts-monitor-viewport{width:1440px;height:826px;overflow:hidden;background:#faf8f2}.fsts-monitor-viewport img{display:block;width:1440px;height:auto;max-width:none;will-change:transform}
.fsts-scene-pause{position:absolute;bottom:12px;right:12px;border:0;background:#faf8f2e8;color:#0a101a;padding:10px 12px;font-size:9px;min-height:36px;cursor:pointer;z-index:5;opacity:0;transition:opacity .3s ease}.fsts-scene:hover .fsts-scene-pause,.fsts-scene:focus-within .fsts-scene-pause{opacity:1}.fsts-scene-pause:focus-visible,.fsts-journey-pause:focus-visible{outline:2px solid #2e7a73;outline-offset:3px}
@media(max-width:800px){.fsts-logo-animated{width:59.5%;max-width:308px}.fsts-journey-line{min-height:100px}.fsts-journey-pause{bottom:62px;right:22px;font-size:8px}.fsts-scene-pause{opacity:1;font-size:8px;bottom:6px;right:6px;padding:6px 8px}.fsts-journey-foot{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.fsts-scene-pause,.fsts-journey-pause{display:none}.fsts-monitor-viewport img{will-change:auto}.fsts-logo-animated *{transition:none!important}}
.fsts-journey-pause{bottom:110px}
@media(max-width:800px){.fsts-journey-pause{bottom:88px}}
@media(max-width:800px){.fsts-journey-line text{font-size:26px}.fsts-journey-line path{stroke-width:2.1}}
.fsts-journey>div:first-child{display:flex;flex-direction:column;align-items:flex-start}
/* iPad scene and blind emboss. */
.fsts-cover-photo.is-ipad{aspect-ratio:1}
.is-ipad .fsts-curtain{mask-image:linear-gradient(90deg,#000 0%,#000 7%,transparent 13%)}
.is-ipad .fsts-light-mask{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,12% 20%,12% 75%,89% 75%,89% 20%,12% 20%)}
.is-ipad .fsts-light-shadow{background:radial-gradient(ellipse at 73% 15%,#5f5942 0 3%,transparent 4%),radial-gradient(ellipse at 87% 28%,#5f5942 0 5%,transparent 6%),radial-gradient(ellipse at 55% 21%,#5f5942 0 4%,transparent 5%),repeating-linear-gradient(112deg,transparent 0 16%,#625844 18% 20%,transparent 22% 31%);filter:blur(12px)}
.fsts-journey-visual{grid-column:1/-1;position:relative;aspect-ratio:1000/240;margin:12px 0 0}
.fsts-journey-visual .fsts-journey-line{display:block;width:100%;height:100%;margin:0;min-height:0}
.fsts-journey-visual .fsts-journey-pause{bottom:-11px;right:0;font-size:9px}
.fsts-symbols{grid-template-columns:1fr 2.4fr;gap:60px}.fsts-symbols img{filter:none;box-shadow:none}
@media(max-width:800px){.fsts-journey-visual{aspect-ratio:1000/290;margin-top:20px}.fsts-journey-visual .fsts-journey-pause{bottom:-22px;font-size:8px}.fsts-symbols{grid-template-columns:1fr;gap:35px}.fsts-symbols figure:first-child img{height:180px}.fsts-symbols figure:last-child img{height:auto}.fsts-journey-foot{margin-top:16px}.fsts-cover-photo.is-ipad{aspect-ratio:1}}



.fsts-breeze-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:reduce){.fsts-breeze-video{visibility:hidden}}


.fsts-scene.needs-play .fsts-scene-pause{opacity:1}

/* Construction geometry uses artwork units, including masks; no normalized dash reveals. */
.fsts-stage path,.fsts-stage line,.fsts-stage circle,.fsts-stage rect{vector-effect:none}

.fsts-stage [data-motion-fallback]{opacity:0}

/* Chalk journey: one broken arc, stable endpoints and a hand-drawn globe. */
.fsts-journey-visual{aspect-ratio:auto;margin-top:12px;color:var(--fsts-ink);padding-bottom:29px}
.fsts-chalk-art{position:relative;width:100%;aspect-ratio:4;isolation:isolate}
.fsts-chalk-canvas,.fsts-chalk-fallback{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}
.fsts-chalk-canvas{opacity:0}.chalk-ready .fsts-chalk-canvas{opacity:1}.chalk-ready .fsts-chalk-fallback{visibility:hidden}
.fsts-journey-caption{display:block;text-align:center;margin-top:4px;letter-spacing:.025em}
.fsts-journey-visual .fsts-journey-pause{bottom:-10px;right:0;color:var(--fsts-ink);min-height:44px}
.fsts-journey-pause:focus-visible{outline-color:var(--fsts-ink)}
@media(max-width:800px){.fsts-chalk-art{aspect-ratio:1000/360}.fsts-journey-visual{margin-top:10px}.fsts-journey-visual .fsts-journey-pause{bottom:-16px}.fsts-journey-caption{margin-top:8px}}
@media(max-width:420px){.fsts-chalk-art{aspect-ratio:1000/460}}

/* Radial and bag pattern: original outlines, path-following reveals. */
.fsts-symbols{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);align-items:stretch}
.fsts-symbol-motion{min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.fsts-symbol-stage{display:flex;align-items:center;justify-content:center;min-height:260px;flex:1}
.fsts-symbol-stage svg{display:block;width:100%;height:auto;overflow:hidden}
[data-radial-art]{max-width:250px}
.fsts-symbol-stage path{vector-effect:none}
.fsts-symbol-motion figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}
.fsts-symbol-controls{display:flex;gap:12px;flex-wrap:wrap}
.fsts-symbol-controls button{font:inherit;font-size:9px;color:var(--fsts-ink);background:transparent;border:0;cursor:pointer;min-height:44px;padding:8px 0}
.fsts-symbol-controls button[hidden]{display:none}
.fsts-symbol-controls button:focus-visible{outline:2px solid var(--deep);outline-offset:4px}
@media(max-width:800px){.fsts-symbols{grid-template-columns:1fr;gap:36px}.fsts-symbol-stage{min-height:0}.fsts-symbol-motion figcaption{margin-top:14px}.fsts-symbol-motion:first-child .fsts-symbol-stage{padding:5px 0 10px}[data-radial-art]{max-width:200px}}
@media(prefers-reduced-motion:reduce){.fsts-symbol-controls{display:none}}

/* Authentic site captures, kept separate from the photographic mockups. */
.fsts-phone-scene{position:relative;overflow:hidden;isolation:isolate}.fsts-phone-scene>img{display:block;width:100%;height:auto}
.fsts-device-screen{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;pointer-events:none;z-index:2;background:#faf8f2;max-width:none}
.fsts-device-screen>img{display:block;max-width:none!important;object-fit:fill!important}
.is-ipad-screen{border-radius:18px}.is-mobile-screen{border-radius:0 0 32px 32px}

.fsts-finale-mark{min-width:0;position:relative}.fsts-finale-art{height:auto;overflow:visible}.fsts-finale-art>g{transform-box:fill-box;transform-origin:center}.fsts-finale-replay{display:block;margin:24px 0 0 auto;padding:8px 0;background:none;border:0;color:inherit;font-family:GeistMono,monospace;font-size:10px;cursor:pointer}.fsts-finale-replay:focus-visible{outline:1px solid currentColor;outline-offset:6px}.fsts-finale-replay[hidden]{display:none}