/* Godly reference directions. Shared controls, distinct page compositions. */
:is(html[data-design=mesa],html[data-design=splice]){--godly-width:1280px}
:is(html[data-design=mesa],html[data-design=splice]) .site-header{position:relative;inset:auto;transform:none;margin:0 auto;width:calc(100% - var(--godly-margin,48px) * 2);max-width:var(--godly-width);padding:28px 0;background:none;border:0;border-radius:0;color:var(--ink);box-shadow:none;backdrop-filter:none;z-index:30}
:is(html[data-design=mesa],html[data-design=splice]) .site-header .brand{font-size:37px}
:is(html[data-design=mesa],html[data-design=splice]) .site-header nav{gap:32px;font-size:14px}
:is(html[data-design=mesa],html[data-design=splice])[data-navigation=floating] .site-header{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:13px 22px;background:color-mix(in srgb,var(--paper) 85%,transparent);backdrop-filter:blur(20px);border:1px solid var(--rule);border-radius:8px}
:is(html[data-design=mesa],html[data-design=splice])[data-navigation=floating] .godly-page{padding-top:96px}
.godly-page{max-width:var(--godly-width);width:calc(100% - var(--godly-margin,48px) * 2);margin:0 auto}
.godly-page figure{margin:0}.godly-page img{display:block;width:100%;height:100%;object-fit:cover}.godly-page h1,.godly-page h2,.godly-page h3{font-family:var(--heading-font);font-weight:500}.godly-page h1>span,.godly-page h2>span{display:block}.godly-page h2{font-size:clamp(42px,5vw,74px);line-height:1.02;letter-spacing:-.055em}.godly-page p{max-width:550px;font-size:17px;line-height:1.6}.godly-page .footer-end{padding:34px 0;font-size:12px;border-top:1px solid var(--rule)}
.smart-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;overflow:hidden;isolation:isolate;padding:15px 24px;border:1px solid currentColor;border-radius:3px;font:500 14px/1.3 'DM Sans',sans-serif;background:var(--paper);color:var(--ink)}
.smart-rest{display:flex;align-items:center;gap:12px}.smart-rest>i{position:relative;width:7px;height:7px;flex:0 0 7px;border-radius:100%;background:var(--accent);transition:transform .45s cubic-bezier(.22,1,.36,1);z-index:-1}.smart-rest>span{transition:transform .35s,opacity .3s}.smart-arrival{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:25px;transform:translateX(-20px);opacity:0;color:var(--paper);transition:transform .35s,opacity .35s}.smart-button:hover .smart-rest>i,.smart-button:focus-visible .smart-rest>i{transform:scale(110)}.smart-button:hover .smart-rest>span,.smart-button:focus-visible .smart-rest>span{transform:translateX(18px);opacity:0}.smart-button:hover .smart-arrival,.smart-button:focus-visible .smart-arrival{transform:none;opacity:1}.smart-button>.button-wash{display:none}
.godly-section-title{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:10%;margin-bottom:60px}.godly-section-title>p{max-width:440px;padding-bottom:3px}.godly-approach,.godly-examples{padding:110px 0}.godly-approach{border-bottom:1px solid var(--rule)}
.godly-practice{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:start}.godly-stage-tabs{display:none}.godly-stages article{padding:29px 0;border-top:1px solid var(--rule)}.godly-stages article:first-child{padding-top:0;border:0}.godly-stages h3{font-size:32px;line-height:1.1;letter-spacing:-.035em;margin-bottom:18px}.godly-stages p{font-size:15px;line-height:1.65}.godly-approach-art{aspect-ratio:1.15;overflow:hidden;position:sticky;top:100px;background:color-mix(in srgb,var(--paper) 95%,var(--accent));margin-top:10px!important}
.godly-practice[data-mode=columns]{grid-template-columns:1fr;gap:44px}.godly-practice[data-mode=columns] .godly-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.godly-practice[data-mode=columns] article{border-top:1px solid var(--rule);padding-top:28px}.godly-practice[data-mode=columns] .godly-approach-art{aspect-ratio:2.8;position:relative;top:auto;max-height:390px}.godly-practice[data-mode=columns] img{object-position:center 47%}
.godly-practice[data-mode=focus]{grid-template-columns:1fr 1fr;gap:30px 7%}.godly-practice[data-mode=focus] .godly-stage-tabs{grid-column:1/-1;display:flex;gap:0;border-bottom:1px solid var(--rule)}.godly-stage-tabs button{font-size:19px;padding:18px 0;margin-right:35px;border-bottom:2px solid transparent;display:flex;gap:25px;align-items:center}.godly-stage-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.godly-practice[data-mode=focus] .godly-stages{padding-top:30px}.godly-practice[data-mode=focus] .godly-stages article{border:0;padding:0}.godly-practice[data-mode=focus] .godly-approach-art{aspect-ratio:1.7}.godly-practice[data-mode=focus] .godly-stages h3{font-size:42px}
.godly-example-list{display:grid;grid-template-columns:1fr}.godly-example{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--rule);padding:24px 0;min-height:95px;transition:color .2s}.godly-example:last-child{border-bottom:1px solid var(--rule)}.godly-example>span:first-child{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:70px;flex:1}.godly-example strong{font-family:var(--heading-font);font-size:30px;font-weight:500;letter-spacing:-.03em;line-height:1.1}.godly-example-summary{font-size:14px;line-height:1.6;max-width:500px;color:color-mix(in srgb,var(--ink) 76%,var(--paper))}.godly-example:hover{color:var(--accent)}.godly-example .round-arrow{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid var(--rule);border-radius:50%;font-size:25px;background:transparent;transition:background .25s,color .25s}.godly-example:hover .round-arrow{background:var(--accent);color:var(--paper)}
.godly-example-list[data-view=columns]{grid-template-columns:1fr 1fr;column-gap:50px}.godly-example-list[data-view=columns] .godly-example>span:first-child{grid-template-columns:1fr;gap:16px}.godly-example-list[data-view=columns] .godly-example{padding:27px 0;align-items:start}.godly-example-list[data-view=shelf]{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;padding-bottom:15px}.godly-example-list[data-view=shelf]::-webkit-scrollbar{display:none}.godly-example-list[data-view=shelf] .godly-example{flex:0 0 33.33%;min-height:280px;padding:28px 30px 28px 0;margin-right:30px;align-items:start;border-bottom:0;flex-direction:column}.godly-example-list[data-view=shelf] .godly-example>span:first-child{display:block}.godly-example-list[data-view=shelf] .godly-example-summary{display:block;margin-top:22px}.godly-example-list.dragging,.godly-example-list.dragging *{cursor:grabbing!important;user-select:none}.godly-rail-controls{display:flex;gap:18px;justify-content:center;align-items:center;padding-top:15px}.godly-rail-controls button{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:50%;font-size:23px}.godly-rail-progress{height:1px;width:100px;background:var(--rule);display:block;overflow:hidden}.godly-rail-progress i{height:100%;background:var(--accent);display:block;transform-origin:left center}
.mesa-hero{padding:6px 0 0}.mesa-picture{height:min(650px,68vw);min-height:490px;position:relative;overflow:hidden;background:#d4ece9}.mesa-picture-art{position:absolute;inset:0}.mesa-hero-copy{position:relative;z-index:2;max-width:720px;margin:auto;padding:70px 32px 0;text-align:center;color:var(--hero-ink)}.mesa-hero h1{font-size:clamp(64px,6.6vw,96px);line-height:.98;letter-spacing:-.065em}.mesa-hero-copy p{font-size:17px;max-width:395px;margin:24px auto 26px}.mesa-under-image{display:flex;justify-content:space-between;font-size:12px;padding:18px 0;border-bottom:1px solid var(--rule)}.mesa-under-image a{display:flex;gap:18px}.mesa-page .godly-approach-art{background:#fbf0dc}.mesa-page .godly-approach-art img{mix-blend-mode:multiply}.mesa-page .godly-example strong{font-size:29px}.mesa-footer{position:relative;min-height:510px;display:grid;place-items:center;overflow:hidden;background:#f8d7af}.mesa-footer-picture{position:absolute;inset:0}.mesa-footer-copy{position:relative;z-index:1;padding:65px 25px 100px;text-align:center;max-width:800px;color:#273b36}.mesa-footer-copy h2{font-size:clamp(47px,6vw,82px)}.mesa-footer-copy p{margin:20px auto 27px;max-width:470px}.mesa-footer .smart-button{--paper:#fbf1da;--ink:#273b36}
.splice-page{padding-top:18px}.splice-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:6%;align-items:center;min-height:600px;padding:35px 0 65px}.splice-hero h1{font-size:clamp(94px,9.1vw,150px);font-weight:650;line-height:.87;letter-spacing:-.04em;color:var(--hero-ink)}.splice-hero-copy>p{font-size:17px;max-width:360px;margin:28px 0 32px}.splice-product-stage{min-width:0;perspective:1000px;padding-top:25px}.splice-product{position:relative;aspect-ratio:1.14;overflow:hidden;transform-style:preserve-3d;background:#dedfe9;box-shadow:0 24px 55px #10152318}.splice-product>img{object-fit:cover}.splice-product-note{display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--rule);margin-top:22px;padding:14px 0}.splice-product-note a{font-size:25px;min-width:34px;text-align:right}.splice-divider{display:grid;grid-template-columns:6fr 1fr 1fr;height:22px}.splice-divider span{background:var(--ink)}.splice-divider span:nth-child(2){background:var(--accent)}.splice-divider span:nth-child(3){background:repeating-linear-gradient(90deg,var(--accent) 0 1px,transparent 1px 4px)}
.splice-page .godly-section-title h2{font-size:clamp(52px,6vw,88px);font-weight:600;letter-spacing:-.025em}.splice-page .godly-section-title{grid-template-columns:1.1fr 1fr;gap:12%}.splice-page .godly-stages h3{font-size:36px;font-weight:600;letter-spacing:-.01em}.splice-page .godly-approach-art{background:#e2eae4}.splice-page .godly-example strong{font-size:37px;letter-spacing:-.01em}.splice-footer{position:relative;background:var(--ink);color:var(--paper);padding:60px 60px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;overflow:hidden}.splice-footer h2{font-weight:600;font-size:clamp(68px,7.5vw,115px);line-height:.93;letter-spacing:-.02em}.splice-footer-copy>p{max-width:400px;margin:25px 0 30px;font-size:16px}.splice-footer .smart-button{--ink:#17252a;--paper:#e8f0e9}.splice-footer-arrow{font:400 190px/1 'DM Sans',sans-serif;transition:transform .3s}.splice-footer-arrow:hover{transform:translate(10px,-10px)}.splice-footer .footer-end{grid-column:1/-1;border-color:#fff4;width:100%;margin-top:35px;gap:30px}
.godly-shutter{position:absolute;inset:0;display:grid;grid-template-rows:repeat(8,1fr);z-index:5;pointer-events:none}.godly-shutter i{background:var(--paper);transform-origin:left center}.godly-shutter i:nth-child(even){transform-origin:right center}
html[data-density=compact] .godly-approach,html[data-density=compact] .godly-examples{padding-block:70px}html[data-art=false] .godly-page img{visibility:hidden}html[data-motion=false] .smart-button *{transition:none}
@media(max-width:1000px){.godly-page,:is(html[data-design=mesa],html[data-design=splice]) .site-header{width:calc(100% - 48px)}.godly-section-title{gap:45px}.godly-example>span:first-child{gap:35px}.godly-example-list[data-view=shelf] .godly-example{flex-basis:45%}.godly-practice{gap:35px}.godly-practice[data-mode=columns] .godly-stages{gap:25px}.splice-hero{gap:35px;min-height:550px}.splice-hero h1{font-size:100px}.splice-footer{padding:45px 35px 0}.splice-footer-arrow{font-size:130px}}
@media(max-width:699px){:is(html[data-design=mesa],html[data-design=splice]) .site-header{width:calc(100% - 36px);padding:24px 0}.godly-page{width:calc(100% - 36px)}.godly-page .footer-end{flex-wrap:wrap;gap:20px}.godly-page .footer-end .brand{font-size:33px}.godly-section-title{grid-template-columns:1fr;gap:22px;margin-bottom:38px}.godly-page h2{font-size:45px}.godly-section-title p{font-size:15px;max-width:95%}.godly-approach,.godly-examples{padding:75px 0}.godly-practice,.godly-practice[data-mode=focus]{grid-template-columns:1fr;gap:32px}.godly-stages h3{font-size:30px}.godly-stages p{font-size:15px}.godly-approach-art{position:relative;top:auto;aspect-ratio:1.4}.godly-practice[data-mode=columns] .godly-stages{grid-template-columns:1fr}.godly-practice[data-mode=columns] .godly-approach-art{aspect-ratio:1.4}.godly-practice[data-mode=focus] .godly-stage-tabs{grid-column:auto;flex-direction:column}.godly-stage-tabs button{justify-content:space-between;margin:0;font-size:19px}.godly-practice[data-mode=focus] .godly-stages{padding:0}.godly-practice[data-mode=focus] .godly-stages h3{font-size:34px}.godly-example{gap:20px;padding:24px 0}.godly-example>span:first-child{grid-template-columns:1fr;gap:13px}.godly-example strong,.mesa-page .godly-example strong{font-size:27px}.godly-example-summary{font-size:14px}.godly-example .round-arrow{flex-basis:42px;width:42px;height:42px;font-size:23px}.godly-example-list[data-view=columns]{grid-template-columns:1fr}.godly-example-list[data-view=shelf] .godly-example{flex-basis:84%;min-height:270px;margin-right:24px;padding-right:12px}.mesa-picture{height:590px;min-height:0}.mesa-hero-copy{padding:64px 16px 0}.mesa-hero h1{font-size:56px;line-height:.98;letter-spacing:-.06em}.mesa-hero-copy p{font-size:15px;line-height:1.6;max-width:260px;margin:24px auto}.mesa-under-image{font-size:11px;gap:14px}.mesa-under-image a{gap:10px}.mesa-footer{min-height:470px}.mesa-footer-copy{padding:55px 20px 100px}.mesa-footer-copy h2{font-size:44px}.mesa-footer-copy p{font-size:15px}.smart-button{padding:14px 18px;font-size:13px;min-height:50px}.splice-page{padding-top:0}.splice-hero{grid-template-columns:1fr;padding:30px 0 45px;gap:30px}.splice-hero h1{font-size:clamp(83px,23vw,116px);line-height:.88}.splice-hero-copy>p{max-width:310px;font-size:15px;margin:25px 0}.splice-product-stage{padding-top:12px}.splice-product{aspect-ratio:1.3}.splice-product-note{margin-top:14px;font-size:11px}.splice-divider{height:17px}.splice-page .godly-section-title{grid-template-columns:1fr;gap:25px}.splice-page .godly-section-title h2{font-size:57px}.splice-page .godly-stages h3{font-size:36px}.splice-page .godly-example strong{font-size:35px}.splice-footer{padding:45px 22px 0;grid-template-columns:1fr;gap:18px}.splice-footer h2{font-size:68px}.splice-footer-copy>p{font-size:15px}.splice-footer-arrow{font-size:90px;justify-self:end}.splice-footer .footer-end{margin-top:0}}
@media(prefers-reduced-motion:reduce){.smart-button *{transition:none!important}}
