.flowframe-collection,.flowframe-project-collection{--ffc-accent:#168bff;--ffc-surface:#eff6fa;--ffc-ink:#18333f;--ffc-muted:#617680;--ffc-edge:color-mix(in srgb,var(--ffc-accent) 15%,#dce3e5);--ffc-soft:color-mix(in srgb,var(--ffc-accent) 9%,white);font-family:var(--font-site,inherit)}
.flowframe-collection{container-type:inline-size}
.flowframe-collection .ff-figure{display:block}
.flowframe-collection .ffc-panel{color:var(--ffc-ink);font-size:15px;line-height:1.6}
.flowframe-collection .ffc-panel p,.flowframe-collection .ffc-panel h3{margin:0!important}
.flowframe-collection .ffc-panel h3{font:500 25px/1.25 var(--font-site,inherit);letter-spacing:-.025em;text-wrap:balance;color:var(--ffc-ink)}
.flowframe-collection .ffc-panel p{line-height:1.7;text-wrap:pretty}
.flowframe-collection button,.flowframe-collection a,.flowframe-project-collection a{-webkit-tap-highlight-color:transparent}
.flowframe-collection button:focus-visible,.flowframe-collection a:focus-visible,.flowframe-collection summary:focus-visible,.flowframe-project-collection a:focus-visible{outline:2px solid var(--ffc-accent);outline-offset:5px}
.flowframe-collection .ffc-media{display:block;margin:0;font:inherit}
.flowframe-collection .ffc-image-button{position:relative;display:block;width:100%;margin:0;padding:0;overflow:hidden;border:0;border-radius:inherit;background:transparent;line-height:0;cursor:zoom-in}
.flowframe-collection .ffc-image-button img{display:block;width:100%;height:auto;object-fit:cover}
.flowframe-collection .ffc-expand{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:34px;height:34px;background:#fffffff2;color:#244757;border:1px solid #17333e16;border-radius:50%;box-shadow:0 3px 14px #17333e12;transition:transform .18s}
.flowframe-collection .ffc-expand svg{width:16px;height:16px}
.flowframe-collection .ffc-image-button:hover .ffc-expand{transform:translate(2px,-2px)}
.flowframe-collection .ffc-media figcaption{display:block;margin:13px 3px 0;color:var(--ffc-muted);font-size:12px;line-height:1.65;text-wrap:pretty}
.flowframe-collection .ffc-cover-stack{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.flowframe-collection .ffc-cover{width:100%;overflow:hidden;padding:0;background:transparent;border-radius:28px}
.flowframe-collection .ffc-cover-heading,.flowframe-collection .ffc-cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;line-height:1.5}
.flowframe-collection .ffc-cover-heading{padding:0 4px 24px;color:var(--ffc-ink)}
.flowframe-collection .ffc-cover-heading>span:last-child{color:var(--ffc-muted)}
.flowframe-collection .ffc-cover .ffc-media{overflow:hidden;border-radius:inherit}
.flowframe-collection .ffc-cover .ffc-image-button{aspect-ratio:3/2}
.flowframe-collection .ffc-cover .ffc-image-button img{height:100%;object-fit:cover}
.flowframe-collection .ffc-cover-bottom{padding:21px 4px 0;color:var(--ffc-muted);font-size:11px}
.flowframe-collection .ffc-cover-bottom>span:first-child{max-width:65ch}
.flowframe-collection .ffc-cover-hint{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.flowframe-collection .ffc-cover-hint svg{width:15px;height:15px}
.flowframe-collection .ffc-cover-lakes-tiling{border-radius:4px}
.flowframe-collection .ffc-cover-lakes-tiling .ffc-media{border-radius:3px}
.flowframe-collection .ffc-cover-casa-bakehouse{border-radius:36px 36px 12px 12px}
.flowframe-collection .ffc-cover-casa-bakehouse .ffc-media{border-radius:22px}
.flowframe-collection .ffc-cover-braden-currie{border-radius:12px}
.flowframe-collection .ffc-cover-braden-currie .ffc-cover-heading{color:#f1f5f4}
.flowframe-collection .ffc-cover-braden-currie .ffc-cover-bottom,.flowframe-collection .ffc-cover-braden-currie .ffc-cover-heading>span:last-child{color:#afc3cb}
.flowframe-collection .ffc-cover-braden-currie .ffc-media{border-radius:3px}
.flowframe-collection .ffc-cover-thuis-lodge{border-radius:8px}
.flowframe-collection .ffc-cover-sally-currie{border-radius:4px 28px 4px 28px}
.flowframe-collection .ffc-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:32px 24px}
.flowframe-collection .ffc-gallery-item{grid-column:span 6;min-width:0}
.flowframe-collection .ffc-gallery-item .ffc-image-button{background:transparent;border-radius:18px}
.flowframe-collection .ffc-gallery-item .ffc-image-button{aspect-ratio:4/3}
.flowframe-collection .ffc-gallery-item[data-orientation=portrait] .ffc-image-button{aspect-ratio:3/4}
.flowframe-collection .ffc-gallery-item img{height:100%;object-fit:cover;object-position:top}
.flowframe-collection .ffc-gallery:not(.ffc-gallery-compact) .ffc-gallery-item:first-child:not([data-orientation=portrait]){grid-column:1/-1}
.flowframe-collection .ffc-gallery[data-count="1"] .ffc-gallery-item{grid-column:1/-1}
.flowframe-collection .ffc-gallery[data-count="3"] .ffc-gallery-item:last-child,.flowframe-collection .ffc-gallery[data-count="5"] .ffc-gallery-item:last-child,.flowframe-collection .ffc-gallery[data-count="7"] .ffc-gallery-item:last-child{grid-column:span 6}
.flowframe-collection .ffc-gallery-compact[data-count="3"] .ffc-gallery-item:last-child{grid-column:1/-1;justify-self:center;width:min(100%,720px)}
.flowframe-collection .ffc-gallery-lakes-tiling .ffc-image-button{border-radius:4px}
/* Product screens keep their original proportions, including the entire quote builder. */
.flowframe-collection .ffc-gallery-lakes-tiling .ffc-gallery-item .ffc-image-button{aspect-ratio:auto}
.flowframe-collection .ffc-gallery-lakes-tiling .ffc-gallery-item img{height:auto;object-fit:contain}
.flowframe-collection .ffc-gallery-braden-currie{gap:34px 20px}
.flowframe-collection .ffc-gallery-braden-currie .ffc-image-button{border-radius:5px}
.flowframe-collection .ffc-panel-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:25px;font-size:12px;color:var(--ffc-ink)}
.flowframe-collection .ffc-panel-heading>span:last-child{font-size:11px;color:var(--ffc-muted);text-align:right}
.flowframe-collection .ffc-workflow{padding:30px;border-radius:28px;background:var(--ffc-surface)}
.flowframe-collection .ffc-workflow-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:36px}
.flowframe-collection .ffc-step-buttons{position:relative;display:flex;flex-direction:column;align-self:start;gap:0}
.flowframe-collection .ffc-step-buttons:before{content:"";position:absolute;top:25px;bottom:25px;left:24px;width:1px;background:var(--ffc-edge)}
.flowframe-collection .ffc-step-buttons button{position:relative;display:grid;grid-template-columns:46px 1fr auto;gap:16px;align-items:center;text-align:left;min-height:85px;border:0;border-radius:14px;background:transparent;color:var(--ffc-muted);font:inherit;font-size:13px;line-height:1.5;padding:11px 12px 11px 2px;cursor:pointer;transition:background .18s,color .18s}
.flowframe-collection .ffc-step-buttons button[aria-pressed=true]{background:#ffffffa8;color:var(--ffc-ink)}
.flowframe-collection .ffc-step-symbol{display:grid;place-items:center;width:46px;height:46px;background:var(--ffc-surface);border:1px solid var(--ffc-edge);border-radius:14px;color:var(--ffc-accent);transition:background .18s,color .18s}
.flowframe-collection .ffc-step-symbol svg{width:25px;height:25px}
.flowframe-collection .ffc-step-buttons button[aria-pressed=true] .ffc-step-symbol{background:var(--ffc-accent);border-color:var(--ffc-accent);color:white}
.flowframe-collection .ffc-step-position{color:var(--ffc-muted);font-size:10px;font-variant-numeric:tabular-nums}
.flowframe-collection .ffc-workflow-detail{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-width:0;min-height:0;padding:16px 18px 14px 0}
.flowframe-collection .ffc-workflow-object{position:relative;isolation:isolate;display:grid;place-items:center;width:112px;aspect-ratio:1;margin:0 0 30px 12px;color:var(--ffc-accent)}
.flowframe-collection .ffc-workflow-object>span{position:absolute;inset:0;z-index:-1;border:1px solid #fff;border-radius:26px;background:linear-gradient(135deg,white,var(--ffc-soft));box-shadow:4px 6px 0 color-mix(in srgb,var(--ffc-accent) 21%,white),8px 12px 0 color-mix(in srgb,var(--ffc-accent) 12%,white);transform:rotate(8deg)}
.flowframe-collection .ffc-workflow-object svg{width:62px;height:62px;transform:rotate(8deg)}
.flowframe-collection .ffc-step-count{display:block;margin-bottom:10px;font-size:11px;color:var(--ffc-muted)}
.flowframe-collection .ffc-workflow-detail h3{font-size:26px}
.flowframe-collection .ffc-workflow-detail p{padding-top:12px;color:var(--ffc-muted);font-size:14px;min-height:0}
.flowframe-collection .ffc-workflow-progress{display:flex;gap:5px;margin-top:25px}
.flowframe-collection .ffc-workflow-progress i{width:21px;height:3px;border-radius:3px;background:var(--ffc-edge)}
.flowframe-collection .ffc-workflow-progress i[data-active=true]{background:var(--ffc-accent)}
.flowframe-collection .ffc-text-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;padding:0;border:0;background:transparent;color:var(--ffc-ink);font:inherit;font-size:11px;line-height:1.5;cursor:pointer}
.flowframe-collection .ffc-text-button svg{width:17px;height:17px}
.flowframe-collection .ffc-workflow-lakes-tiling{border-radius:5px}
.flowframe-collection .ffc-workflow-braden-currie{border-radius:10px}
.flowframe-collection .ffc-connections{padding:32px;background:var(--ffc-surface);border-radius:28px}
.flowframe-collection .ffc-connection-route{display:flex;align-items:flex-start;margin:16px 0 35px;padding:0;list-style:none}
.flowframe-collection .ffc-connection-route li{position:relative;display:flex;flex:1;align-items:flex-start;min-width:0}
.flowframe-collection .ffc-connection-route button{display:flex;flex:1;flex-direction:column;align-items:center;gap:15px;min-width:0;padding:0 7px;border:0;background:transparent;color:var(--ffc-muted);font:inherit;font-size:11px;line-height:1.5;text-align:center;cursor:pointer}
.flowframe-collection .ffc-connection-route button>svg{display:block;width:60px;height:60px;flex:none;padding:14px;border:1px solid var(--ffc-edge);border-radius:18px;background:#ffffffa3;color:var(--ffc-accent);transition:background .18s,color .18s}
.flowframe-collection .ffc-connection-route button[aria-pressed=true]{color:var(--ffc-ink)}
.flowframe-collection .ffc-connection-route button[aria-pressed=true]>svg{background:var(--ffc-accent);border-color:var(--ffc-accent);color:white}
.flowframe-collection .ffc-route-connector{display:grid;place-items:center;position:absolute;top:20px;right:-10px;width:20px;height:20px;color:var(--ffc-accent)}
.flowframe-collection .ffc-route-connector svg{width:19px;height:19px}
.flowframe-collection .ffc-connection-detail{display:flex;align-items:center;gap:24px;border-top:1px solid var(--ffc-edge);padding-top:28px;min-height:0}
.flowframe-collection .ffc-connection-icon{display:grid;place-items:center;flex:none;width:74px;height:74px;border-radius:20px;background:white;color:var(--ffc-accent)}
.flowframe-collection .ffc-connection-icon svg{width:40px;height:40px}
.flowframe-collection .ffc-connection-detail h3{font-size:22px}
.flowframe-collection .ffc-connection-detail p{padding-top:9px;color:var(--ffc-muted);font-size:14px}
.flowframe-collection .ffc-availability-map{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:12px 36px 36px}
.flowframe-collection .ffc-availability-map button{position:relative;display:flex;align-items:center;gap:15px;width:100%;padding:17px 19px;border:1px solid var(--ffc-edge);border-radius:15px;background:#ffffffb3;color:var(--ffc-ink);font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background .18s,color .18s}
.flowframe-collection .ffc-availability-map button svg{width:30px;height:30px;flex:none;color:var(--ffc-accent)}
.flowframe-collection .ffc-availability-map button[aria-pressed=true]{background:var(--ffc-accent);border-color:var(--ffc-accent);color:white}
.flowframe-collection .ffc-availability-map button[aria-pressed=true] svg{color:white}
.flowframe-collection .ffc-availability-core{position:relative}
.flowframe-collection .ffc-availability-core:after{content:"";position:absolute;top:50%;left:100%;width:30px;height:1px;background:var(--ffc-edge)}
.flowframe-collection .ffc-availability-core button{flex-direction:column;justify-content:center;padding:29px 20px;font-size:20px}
.flowframe-collection .ffc-availability-core button svg{width:42px;height:42px}
.flowframe-collection .ffc-availability-branches{position:relative;display:grid;gap:16px}
.flowframe-collection .ffc-availability-branches:before{content:"";position:absolute;top:33px;bottom:33px;left:-30px;width:1px;background:var(--ffc-edge)}
.flowframe-collection .ffc-availability-branches button:before{content:"";position:absolute;top:50%;right:100%;width:30px;height:1px;background:var(--ffc-edge)}
.flowframe-collection .ffc-panel .ffc-map-note{padding-top:19px;color:var(--ffc-muted);font-size:10px}
.flowframe-collection .ffc-screens{padding:0;background:transparent;border-radius:28px}
.flowframe-collection .ffc-screen-selector{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px}
.flowframe-collection .ffc-screen-selector button{display:inline-flex;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;align-items:center;gap:9px;padding:10px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ffc-muted);text-align:left;font:inherit;font-size:11px;line-height:1.5;cursor:pointer;transition:background .18s,color .18s}
.flowframe-collection .ffc-screen-selector button>span{font-size:9px;opacity:.7;font-variant-numeric:tabular-nums}
.flowframe-collection .ffc-screen-selector button[aria-pressed=true]{border-color:var(--ffc-edge);background:#fff;color:var(--ffc-ink)}
.flowframe-collection .ffc-screen-proof{padding:0;background:transparent;border-radius:18px;overflow:hidden}
.flowframe-collection .ffc-screen-proof .ffc-media{border-radius:8px}
.flowframe-collection .ffc-screen-proof img{object-fit:cover}
.flowframe-collection .ffc-project-video{margin:0;overflow:hidden}
.flowframe-collection .ffc-project-video video{display:block;width:100%;height:auto;aspect-ratio:8/5;border-radius:18px;background:#fffaf3}
.flowframe-collection .ffc-project-video figcaption{margin-top:12px;color:var(--ffc-muted);font-size:12px;line-height:1.6;max-width:none}
.flowframe-collection .ffc-screen-caption{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:21px 6px 1px}
.flowframe-collection .ffc-screen-caption p{color:var(--ffc-ink);font-size:13px;max-width:none}
.flowframe-collection .ffc-screen-caption>span{flex:none;max-width:165px;color:var(--ffc-muted);font-size:10px;line-height:1.6}
.flowframe-collection .ffc-screens-lakes-tiling,.flowframe-collection .ffc-screens-braden-currie{border-radius:6px}
.flowframe-collection .ffc-toolkit{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border:1px solid var(--ffc-edge);border-radius:24px;overflow:hidden;background:white}
.flowframe-collection .ffc-toolkit-aside{padding:34px;background:var(--ffc-surface)}
.flowframe-collection .ffc-toolkit-aside>svg{display:block;width:44px;height:44px;color:var(--ffc-accent);margin-bottom:30px}
.flowframe-collection .ffc-toolkit-aside>span{display:block;font-size:11px;color:var(--ffc-muted);margin-bottom:13px}
.flowframe-collection .ffc-toolkit-aside h3{font-size:24px;line-height:1.35}
.flowframe-collection .ffc-toolkit-aside p{padding-top:15px;color:var(--ffc-muted);font-size:12px}
.flowframe-collection .ffc-toolkit-aside ul{display:flex;flex-wrap:wrap;gap:7px;margin:30px 0 0;padding:0;list-style:none}
.flowframe-collection .ffc-toolkit-aside li{border:1px solid var(--ffc-edge);border-radius:7px;padding:5px 9px;font-size:10px;color:var(--ffc-muted)}
.flowframe-collection .ffc-toolkit-notes{align-self:center;padding:18px 30px}
.flowframe-collection .ffc-toolkit-notes details,.flowframe-collection .ffc-toolkit-note{padding:21px 0;border-bottom:1px solid var(--ffc-edge)}
.flowframe-collection .ffc-toolkit-notes details:last-child,.flowframe-collection .ffc-toolkit-note:last-child{border-bottom:0}
.flowframe-collection .ffc-toolkit-notes summary{display:flex;align-items:baseline;justify-content:space-between;gap:20px;color:var(--ffc-ink);font-size:15px;line-height:1.55;cursor:pointer;list-style:none}
.flowframe-collection .ffc-toolkit-notes summary::-webkit-details-marker{display:none}
.flowframe-collection .ffc-toolkit-notes summary>span{font-size:20px;line-height:1;flex:none;color:var(--ffc-accent);transition:transform .18s}
.flowframe-collection .ffc-toolkit-notes details[open] summary>span{transform:rotate(45deg)}
.flowframe-collection .ffc-toolkit-notes details p{padding-top:14px;font-size:13px;color:var(--ffc-muted)}
.flowframe-collection .ffc-toolkit-note p{font-size:14px;color:var(--ffc-muted)}
.flowframe-collection .ffc-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 42px;padding:34px 0;border-block:1px solid var(--ffc-edge)}
.flowframe-collection .ffc-decision{min-width:0}
.flowframe-collection .ffc-decision>svg{display:block;width:38px;height:38px;color:var(--ffc-accent);margin-bottom:20px}
.flowframe-collection .ffc-decision h3{font-size:21px;line-height:1.4}
.flowframe-collection .ffc-decision p{padding-top:15px;color:var(--ffc-muted);font-size:14px}
.flowframe-collection .ffc-editorial{background:transparent;border-radius:24px;overflow:hidden}
.flowframe-collection .ffc-editorial .ffc-image-button img{object-fit:cover}
.flowframe-collection .ffc-editorial .ffc-media figcaption{padding:0 20px 20px;margin-top:14px;font-size:11px}
.flowframe-collection .ffc-reflection-symbol{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:1.35;overflow:hidden;background:var(--ffc-surface);color:var(--ffc-accent)}
.flowframe-collection .ffc-reflection-object{position:relative;display:grid;place-items:center;width:36%;aspect-ratio:1;border:1px solid #fff;border-radius:22%;background:linear-gradient(140deg,white,var(--ffc-soft));box-shadow:4px 6px 0 color-mix(in srgb,var(--ffc-accent) 19%,white),8px 12px 0 color-mix(in srgb,var(--ffc-accent) 10%,white);transform:rotate(-8deg)}
.flowframe-collection .ffc-reflection-object svg{width:57%;height:57%}
.flowframe-collection .ffc-reflection-symbol>i{position:absolute;z-index:-1;top:18%;left:18%;width:12%;aspect-ratio:1;border:1px solid var(--ffc-edge);border-radius:26%;transform:rotate(13deg)}
.flowframe-collection .ffc-reflection-symbol>i:last-child{top:auto;left:auto;bottom:16%;right:16%;width:8%;transform:rotate(-12deg);background:var(--ffc-soft)}
.flowframe-collection .ffc-reflection-symbol-1 .ffc-reflection-object{border-radius:50%;transform:rotate(8deg)}
.flowframe-collection .ffc-reflection-symbol-2 .ffc-reflection-object{transform:rotate(-3deg);box-shadow:-4px 6px 0 color-mix(in srgb,var(--ffc-accent) 19%,white),-8px 12px 0 color-mix(in srgb,var(--ffc-accent) 10%,white)}
.flowframe-collection .ffc-lightbox{position:fixed;inset:0;width:min(1280px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #ffffff29;border-radius:20px;background:#f8fafb;color:#203d4b;box-shadow:0 24px 100px #0005;font:14px/1.5 var(--font-site,inherit);overscroll-behavior:contain}
.flowframe-collection .ffc-lightbox::backdrop{background:#11232ed9;backdrop-filter:blur(7px)}
.flowframe-collection .ffc-lightbox-inner{padding:19px 24px}
.flowframe-collection .ffc-lightbox header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;font-size:13px}
.flowframe-collection .ffc-lightbox button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid #d7e1e7;border-radius:50%;background:white;color:#244757;font:inherit;cursor:pointer}
.flowframe-collection .ffc-lightbox header button{font-size:24px;line-height:1}
.flowframe-collection .ffc-lightbox button svg{width:18px;height:18px}
.flowframe-collection .ffc-lightbox-image{display:flex;align-items:center;justify-content:center;min-height:0;background:#edf2f5;border-radius:10px;overflow:hidden}
.flowframe-collection .ffc-lightbox-image img{display:block;width:100%;height:calc(100dvh - 235px);min-height:160px;object-fit:contain}
.flowframe-collection .ffc-lightbox footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:17px}
.flowframe-collection .ffc-viewer-navigation{display:flex;align-items:center;gap:17px;font-size:11px;font-variant-numeric:tabular-nums}
.flowframe-collection .ffc-lightbox footer a{display:inline-flex;align-items:center;gap:10px;color:#244757;text-underline-offset:4px;font-size:11px}
.flowframe-collection .ffc-lightbox footer a svg{width:14px;height:14px}
.flowframe-collection .ffc-lightbox .ffc-viewer-caption{margin:13px 0 0;font-size:11px;line-height:1.6;color:#617680;text-wrap:pretty}
.flowframe-project-collection{color:var(--ffc-ink)}
.flowframe-project-collection .ffc-collection-list{display:grid;gap:80px}
.flowframe-project-collection .ffc-collection-project{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:46px;min-width:0}
.flowframe-project-collection .ffc-collection-project:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.flowframe-project-collection .ffc-collection-project:nth-child(even) .ffc-collection-media{grid-column:2;grid-row:1}
.flowframe-project-collection .ffc-collection-project:nth-child(even) .ffc-collection-copy{grid-column:1;grid-row:1}
.flowframe-project-collection .ffc-collection-media{position:relative;display:block;aspect-ratio:3/2;padding:0;overflow:hidden;border-radius:24px}
.flowframe-project-collection .ffc-collection-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.flowframe-project-collection .ffc-collection-media:hover>img{transform:scale(1.015)}
.flowframe-project-collection .ffc-collection-media>span{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:white;color:var(--ffc-ink)}
.flowframe-project-collection .ffc-collection-media>span svg{width:17px;height:17px}
.flowframe-project-collection .ffc-collection-meta{display:flex;align-items:baseline;justify-content:space-between;gap:18px;color:var(--ffc-muted);font-size:12px;line-height:1.5}
.flowframe-project-collection .ffc-collection-copy h2{margin:19px 0 0;font:500 clamp(25px,3vw,34px)/1.2 var(--font-site,inherit);letter-spacing:-.04em;text-wrap:balance;color:var(--ffc-ink)}
.flowframe-project-collection .ffc-collection-copy h2 a{color:inherit;text-decoration:none}
.flowframe-project-collection .ffc-collection-copy>p{margin:18px 0 0;color:var(--ffc-muted);font-size:15px;line-height:1.7;text-wrap:pretty}
.flowframe-project-collection .ffc-collection-copy ul{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.flowframe-project-collection .ffc-collection-copy li{padding:5px 10px;border:1px solid var(--ffc-edge);border-radius:7px;font-size:10px;line-height:1.5;color:var(--ffc-muted)}
.flowframe-project-collection .ffc-collection-read{display:inline-flex;align-items:center;gap:18px;margin-top:30px;color:var(--ffc-ink);font-size:12px;line-height:1.5;text-decoration:none}
.flowframe-project-collection .ffc-collection-read svg{width:18px;height:18px;color:var(--ffc-accent);transition:transform .18s}
.flowframe-project-collection .ffc-collection-read:hover svg{transform:translateX(4px)}
.flowframe-project-collection .ffc-collection-draft{display:block;margin-top:15px;font-size:11px;color:var(--ffc-muted)}
.flowframe-project-collection .ffc-collection-lakes-tiling .ffc-collection-media,.flowframe-project-collection .ffc-collection-braden-currie .ffc-collection-media{border-radius:5px}
.flowframe-project-collection.ffc-not-found{max-width:1080px;margin:auto;padding:130px 24px 80px}
.flowframe-project-collection.ffc-not-found>h1{font-size:40px;line-height:1.2}
.flowframe-project-collection.ffc-not-found>p{color:var(--ffc-muted);line-height:1.6}
.flowframe-project-collection.ffc-not-found>a{color:var(--ffc-ink)}
.flowframe-project-collection.ffc-not-found .ffc-collection-list{margin-top:60px}
@media(max-width:760px){
  .flowframe-collection .ffc-cover,.flowframe-collection .ffc-cover-casa-bakehouse,.flowframe-collection .ffc-cover-thuis-lodge,.flowframe-collection .ffc-cover-sally-currie{padding:0;border-radius:18px}
  .flowframe-collection .ffc-cover-lakes-tiling,.flowframe-collection .ffc-cover-braden-currie{border-radius:5px}
  .flowframe-collection .ffc-cover-heading{font-size:10px;padding-bottom:17px}
  .flowframe-collection .ffc-cover-bottom{align-items:flex-start;padding-top:15px;gap:12px;font-size:10px}
  .flowframe-collection .ffc-cover-hint{display:none}
  .flowframe-collection .ffc-cover-bottom>span:first-child{max-width:none}
  .flowframe-collection .ffc-expand{right:9px;bottom:9px;width:30px;height:30px}
  .flowframe-collection .ffc-gallery{grid-template-columns:1fr;gap:28px}
  .flowframe-collection .ffc-gallery .ffc-gallery-item,.flowframe-collection .ffc-gallery:not(.ffc-gallery-compact) .ffc-gallery-item:first-child,.flowframe-collection .ffc-gallery[data-count] .ffc-gallery-item:last-child{grid-column:1;width:100%}
  .flowframe-collection .ffc-gallery-item .ffc-image-button{border-radius:12px}
  .flowframe-collection .ffc-media figcaption{font-size:11px;margin-top:11px}
  .flowframe-collection .ffc-panel-heading{font-size:11px;padding-bottom:20px}
  .flowframe-collection .ffc-panel-heading>span:last-child{font-size:10px;max-width:46%}
  .flowframe-collection .ffc-workflow{padding:22px 18px;border-radius:20px}
  .flowframe-collection .ffc-workflow-layout{grid-template-columns:1fr;gap:24px}
  .flowframe-collection .ffc-step-buttons button{min-height:65px;padding:8px 10px 8px 1px;font-size:12px;gap:12px;grid-template-columns:38px 1fr auto;border-radius:10px}
  .flowframe-collection .ffc-step-symbol{width:38px;height:38px;border-radius:11px}
  .flowframe-collection .ffc-step-symbol svg{width:22px;height:22px}
  .flowframe-collection .ffc-step-buttons:before{left:19px}
  .flowframe-collection .ffc-workflow-detail{min-height:0;padding:15px 7px 5px;border-top:1px solid var(--ffc-edge)}
  .flowframe-collection .ffc-workflow-object{width:80px;margin:10px 0 26px 6px}
  .flowframe-collection .ffc-workflow-object>span{border-radius:20px;box-shadow:3px 5px 0 color-mix(in srgb,var(--ffc-accent) 19%,white),6px 10px 0 color-mix(in srgb,var(--ffc-accent) 10%,white)}
  .flowframe-collection .ffc-workflow-object svg{width:46px;height:46px}
  .flowframe-collection .ffc-workflow-detail h3{font-size:24px}
  .flowframe-collection .ffc-workflow-detail p{font-size:13px;min-height:0}
  .flowframe-collection .ffc-workflow-progress{margin-top:20px}
  .flowframe-collection .ffc-connections{padding:22px 20px;border-radius:20px}
  .flowframe-collection .ffc-connection-route{display:grid;gap:15px;margin:5px 0 25px}
  .flowframe-collection .ffc-connection-route li{display:block}
  .flowframe-collection .ffc-connection-route button{width:100%;flex-direction:row;gap:17px;padding:0;font-size:12px;text-align:left}
  .flowframe-collection .ffc-connection-route button>svg{width:45px;height:45px;padding:10px;border-radius:13px}
  .flowframe-collection .ffc-route-connector{top:auto;bottom:-16px;right:auto;left:15px;width:14px;height:14px;transform:rotate(90deg)}
  .flowframe-collection .ffc-route-connector svg{width:14px;height:14px}
  .flowframe-collection .ffc-connection-detail{gap:15px;align-items:flex-start;min-height:0;padding-top:24px}
  .flowframe-collection .ffc-connection-icon{width:44px;height:44px;border-radius:12px}
  .flowframe-collection .ffc-connection-icon svg{width:27px;height:27px}
  .flowframe-collection .ffc-connection-detail h3{font-size:20px}
  .flowframe-collection .ffc-connection-detail p{font-size:12px}
  .flowframe-collection .ffc-availability-map{grid-template-columns:1fr;gap:25px;padding:5px 8px 25px}
  .flowframe-collection .ffc-availability-core:after{top:100%;left:50%;width:1px;height:14px}
  .flowframe-collection .ffc-availability-core button{flex-direction:row;padding:18px 20px;gap:17px;font-size:17px}
  .flowframe-collection .ffc-availability-core button svg{width:34px;height:34px}
  .flowframe-collection .ffc-availability-branches{gap:10px;padding-left:20px}
  .flowframe-collection .ffc-availability-branches:before{top:30px;bottom:30px;left:0}
  .flowframe-collection .ffc-availability-branches button{padding:14px 16px;font-size:12px}
  .flowframe-collection .ffc-availability-branches button:before{width:20px}
  .flowframe-collection .ffc-availability-branches button svg{width:27px;height:27px}
  .flowframe-collection .ffc-screens{padding:0;border-radius:18px}
  .flowframe-collection .ffc-screen-selector{gap:5px;margin-bottom:18px}
  .flowframe-collection .ffc-screen-selector button{padding:8px 9px;gap:7px;font-size:10px;max-width:100%}
  .flowframe-collection .ffc-screen-proof{padding:0;border-radius:12px}
  .flowframe-collection .ffc-screen-proof .ffc-media{border-radius:5px}
  .flowframe-collection .ffc-screen-caption{display:block;padding:17px 4px 0}
  .flowframe-collection .ffc-screen-caption p{font-size:12px}
  .flowframe-collection .ffc-screen-caption>span{display:block;max-width:none;margin-top:8px;font-size:10px}
  .flowframe-collection .ffc-toolkit{grid-template-columns:1fr;border-radius:18px}
  .flowframe-collection .ffc-toolkit-aside{padding:25px}
  .flowframe-collection .ffc-toolkit-aside>svg{width:37px;height:37px;margin-bottom:22px}
  .flowframe-collection .ffc-toolkit-aside h3{font-size:23px}
  .flowframe-collection .ffc-toolkit-aside ul{margin-top:22px}
  .flowframe-collection .ffc-toolkit-notes{padding:5px 25px}
  .flowframe-collection .ffc-toolkit-notes summary{font-size:14px}
  .flowframe-collection .ffc-toolkit-notes details p{font-size:12px}
  .flowframe-collection .ffc-decisions{grid-template-columns:1fr;gap:28px;padding:28px 6px}
  .flowframe-collection .ffc-decision+ .ffc-decision{border-top:1px solid var(--ffc-edge);padding-top:28px}
  .flowframe-collection .ffc-decision h3{font-size:21px}
  .flowframe-collection .ffc-decision p{font-size:13px}
  .flowframe-collection .ffc-decision>svg{width:32px;height:32px;margin-bottom:17px}
  .flowframe-collection .ffc-editorial{border-radius:16px}
  .flowframe-collection .ffc-reflection-symbol{aspect-ratio:1.6}
  .flowframe-collection .ffc-reflection-object{width:31%}
  .flowframe-collection .ffc-lightbox{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}
  .flowframe-collection .ffc-lightbox-inner{padding:13px}
  .flowframe-collection .ffc-lightbox header{font-size:12px;padding-bottom:12px}
  .flowframe-collection .ffc-lightbox-image img{height:calc(100dvh - 245px)}
  .flowframe-collection .ffc-lightbox footer{gap:12px;padding-top:14px}
  .flowframe-collection .ffc-viewer-navigation{gap:8px;font-size:10px;white-space:nowrap}
  .flowframe-collection .ffc-lightbox button{width:32px;height:32px}
  .flowframe-collection .ffc-lightbox footer a{gap:6px;font-size:10px;max-width:115px;text-align:right}
  .flowframe-collection .ffc-lightbox footer a svg{flex:none;width:13px;height:13px}
  .flowframe-collection .ffc-lightbox .ffc-viewer-caption{font-size:10px;margin-top:12px}
  .flowframe-project-collection .ffc-collection-list{gap:48px}
  .flowframe-project-collection .ffc-collection-project,.flowframe-project-collection .ffc-collection-project:nth-child(even){grid-template-columns:1fr;gap:23px}
  .flowframe-project-collection .ffc-collection-project:nth-child(even) .ffc-collection-media,.flowframe-project-collection .ffc-collection-project:nth-child(even) .ffc-collection-copy{grid-column:1;grid-row:auto}
  .flowframe-project-collection .ffc-collection-media{padding:0;border-radius:18px}
  .flowframe-project-collection .ffc-collection-meta{font-size:11px}
  .flowframe-project-collection .ffc-collection-copy h2{font-size:28px;margin-top:14px}
  .flowframe-project-collection .ffc-collection-copy>p{font-size:14px;margin-top:14px}
  .flowframe-project-collection .ffc-collection-copy ul{margin-top:18px;gap:6px}
  .flowframe-project-collection .ffc-collection-read{margin-top:23px}
}
@media(prefers-reduced-motion:reduce){
  .flowframe-collection *,.flowframe-collection *:before,.flowframe-collection *:after,.flowframe-project-collection *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.flowframe-collection .ffc-capture-note{margin-top:12px!important;color:var(--ffc-muted);font-size:12px;line-height:1.6}