:root{
  --sidebar-width:clamp(17rem,16.8vw,21.5rem);
  --page:#fcf8f1;
  --ink:#30231d;
  --muted:#6c5c52;
  --soft-text:#8d7a6d;
  --brand-dark:#592706;
  --accent-dark:#86390b;
  --accent:#ff5a00;
  --accent-light:#ff934d;
  --accent-strong:#b53d00;
  --line:#eadbc9;
  --line-strong:#dfc3a7;
  --wash:#fff0e2;
  --active:#fee6d2;
  --badge:#ffe7d4;
  --avatar-ring:#f1cda9;
  --obra-card:#fffdf9;
  --obra-shadow:0 22px 60px rgba(99,56,22,.09);
}
.obra-image-page{background:radial-gradient(circle at 74% 10%,rgba(255,193,143,.18),transparent 32rem),var(--page)}
.obra-image-page [hidden]{display:none!important}
.obra-image-page .studio-main{padding:34px clamp(18px,2.2vw,42px) 0}
.obra-image-main{min-width:0}
.obra-image-main [id]{scroll-margin-top:100px}
.obra-image-main>*{width:min(100%,1480px);margin-inline:auto}
.obra-image-main section,.obra-image-main article,.obra-image-main div,.obra-image-main figure,.obra-image-main form{min-width:0}
.obra-kicker{display:block;color:var(--accent);font-size:.73rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.obra-primary-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:10px;padding:11px 23px;border:0;border-radius:999px;background:linear-gradient(100deg,var(--accent-strong),#e9570b);box-shadow:0 12px 26px rgba(181,61,0,.2);color:#fff;font-weight:800;cursor:pointer}
.obra-primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(255,90,0,.26)}
.obra-primary-button:focus-visible,.obra-image-page button:focus-visible,.obra-image-page a:focus-visible,.obra-image-page summary:focus-visible{outline:3px solid rgba(255,90,0,.32);outline-offset:3px}
.obra-section{padding:94px 0}
.obra-centered-heading{max-width:820px;margin:0 auto 38px;text-align:center}
.obra-centered-heading h2,.obra-split-heading h2{margin:8px 0 0;color:var(--brand-dark);font-size:clamp(2rem,3.1vw,3.35rem);line-height:1.08;letter-spacing:-.045em}
.obra-centered-heading p,.obra-split-heading p{margin:14px 0 0;color:var(--muted);font-size:1.02rem;line-height:1.7}
.obra-split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px}
.obra-split-heading>div{max-width:820px}
.obra-split-heading>a{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding-bottom:8px;color:var(--accent);font-weight:800}
.obra-split-heading>a .ui-icon{width:1rem;height:1rem}

.obra-workbench{display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:22px;align-items:stretch;padding:18px;border:1px solid var(--line);border-radius:32px;background:rgba(255,253,249,.75);box-shadow:var(--obra-shadow)}
.obra-workbench__controls{max-height:720px;overflow-y:auto;padding:21px 22px;border:1px solid #ecdcca;border-radius:24px;background:linear-gradient(155deg,#fffaf3,#fff3e5);scrollbar-color:#e7c5a8 transparent;scrollbar-width:thin}
.obra-workbench__controls header h2{margin:7px 0 9px;color:var(--brand-dark);font-size:1.65rem;line-height:1.15;letter-spacing:-.03em}
.obra-workbench__controls header p{margin:0 0 21px;color:var(--muted);font-size:.9rem;line-height:1.55}
.obra-field{display:grid;gap:8px;margin-top:16px;color:var(--brand-dark);font-size:.78rem;font-weight:800}
.obra-field textarea{width:100%;resize:vertical;padding:13px 14px;border:1px solid var(--line-strong);border-radius:16px;outline:0;background:#fffdf9;color:var(--ink);font-weight:500;line-height:1.5}
.obra-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,90,0,.09)}
.obra-field small{color:var(--soft-text);font-size:.7rem;font-weight:500;line-height:1.45}
.obra-select{display:flex;width:100%;min-height:50px;align-items:center;justify-content:space-between;padding:9px 12px;border:1px solid var(--line-strong);border-radius:15px;background:#fffdf9;color:var(--ink);cursor:pointer}
.obra-select>span{display:flex;align-items:center;gap:9px}.obra-select>span .ui-icon{color:var(--accent)}.obra-select>.ui-icon{width:.9rem;height:.9rem}
.obra-upload-field,.obra-choice-group{min-width:0;margin:17px 0 0;padding:0;border:0}
.obra-upload-field legend,.obra-choice-group legend{margin-bottom:8px;color:var(--brand-dark);font-size:.78rem;font-weight:800}
.obra-upload-field>label{display:flex;width:100%;min-height:82px;align-items:center;gap:12px;padding:13px;border:1px dashed var(--line-strong);border-radius:17px;background:rgba(255,255,255,.58);text-align:left;cursor:pointer}.obra-upload-field>label>input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.obra-upload-field>label>.ui-icon{width:28px;height:28px;padding:5px;border-radius:10px;background:var(--wash);color:var(--accent)}.obra-upload-field>label span{display:grid;gap:2px}.obra-upload-field small{color:var(--soft-text);font-size:.68rem;font-weight:500}
.obra-choice-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.obra-choice-group button{min-height:39px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fffdf9;color:var(--muted);font-size:.72rem;font-weight:750;cursor:pointer}
.obra-choice-group button.is-active{border-color:var(--accent);background:var(--wash);color:var(--accent-dark)}
.obra-workbench__specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0}
.obra-workbench__specs>div{padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.62)}
.obra-workbench__specs dt{color:var(--soft-text);font-size:.62rem;text-transform:uppercase}.obra-workbench__specs dd{margin:3px 0 0;color:var(--brand-dark);font-size:.76rem;font-weight:800}.obra-workbench__specs select{width:100%;border:0;background:transparent;color:var(--brand-dark);font-size:.74rem;font-weight:850}
.obra-workbench__controls>.obra-primary-button{width:100%}
.obra-workbench__status{margin:10px 2px 0;color:var(--soft-text);font-size:.68rem;line-height:1.45}
.obra-workbench__stage{position:relative;min-height:620px;overflow:hidden;border-radius:25px;background:#f1c89d}
.obra-workbench__stage picture,.obra-workbench__stage img{width:100%;height:100%;object-fit:cover}
.obra-workbench__stage figcaption{position:absolute;right:18px;bottom:18px;left:18px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;padding:15px 17px;border:1px solid rgba(255,255,255,.52);border-radius:18px;background:rgba(67,31,10,.72);backdrop-filter:blur(14px);color:#fff}
.obra-workbench__stage figcaption span{grid-row:1/3;padding:6px 10px;border-radius:999px;background:var(--accent-strong);font-size:.68rem;font-weight:850;text-transform:uppercase}.obra-workbench__stage figcaption strong{font-size:.92rem}.obra-workbench__stage figcaption small{color:#ffe4cd}
.obra-workbench__stage .aiobra-generation-results{position:absolute;z-index:5;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;background:#fff4e7}.obra-workbench__stage .aiobra-generation-results:empty{display:none}.obra-workbench__stage .aiobra-generation-results figure{position:relative;overflow:hidden;border-radius:16px;background:#fff}.obra-workbench__stage .aiobra-generation-results img,.obra-workbench__stage .aiobra-generation-results video{width:100%;height:100%;object-fit:contain}.obra-workbench__stage .aiobra-generation-results figcaption{position:absolute;right:7px;bottom:7px;left:7px;padding:7px;border-radius:9px;background:rgba(70,31,8,.72);color:#fff;font-size:.65rem}.obra-workbench__stage .aiobra-generation-results a{position:absolute;top:8px;right:8px;padding:6px 9px;border-radius:999px;background:var(--accent-strong);color:#fff;font-size:.65rem;font-weight:850}

.obra-carousel-shell{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:14px;align-items:center}
.obra-carousel-pages{min-width:0}
.obra-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.obra-round-arrow{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:#fffaf4;color:var(--accent-dark);box-shadow:0 9px 24px rgba(92,54,25,.08);cursor:pointer}
.obra-round-arrow:disabled{opacity:.36;cursor:not-allowed}.obra-round-arrow .ui-icon{width:18px;height:18px}.obra-round-arrow.is-previous .ui-icon{transform:rotate(180deg)}
.obra-carousel-dots{display:flex;justify-content:center;gap:0;margin-top:12px}.obra-carousel-dots button{display:grid;width:44px;height:44px;padding:0;border:0;background:transparent;place-items:center;cursor:pointer}.obra-carousel-dots button::before{width:9px;height:9px;border-radius:99px;background:#c9ac94;content:""}.obra-carousel-dots button.is-active{width:44px;background:transparent}.obra-carousel-dots button.is-active::before{width:29px;background:var(--accent-strong)}
.obra-model-card{display:flex;min-height:122px;align-items:flex-start;gap:13px;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,253,249,.82);box-shadow:0 9px 28px rgba(101,61,31,.045)}
.obra-model-card__icon{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:15px;background:linear-gradient(145deg,#ffe8d4,#fff7ee);color:var(--accent)}
.obra-model-card__icon .ui-icon{width:22px;height:22px}.obra-model-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.obra-model-card h3{margin:0;color:var(--brand-dark);font-size:.92rem;line-height:1.25}.obra-model-card mark{padding:3px 7px;border-radius:999px;background:#ffe4cf;color:#923100;font-size:.55rem;font-weight:850}.obra-model-card p{display:-webkit-box;margin:7px 0 0;overflow:hidden;color:var(--muted);font-size:.73rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.obra-effects{padding-top:112px}
.obra-filter-bar{display:flex;max-width:100%;gap:9px;margin:0 0 20px;overflow-x:auto;padding:2px 2px 9px;scrollbar-width:thin}.obra-filter-bar button{min-height:40px;flex:0 0 auto;padding:8px 17px;border:1px solid var(--line);border-radius:999px;background:#fffdf9;color:var(--muted);font-weight:750;cursor:pointer}.obra-filter-bar button.is-active{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}
.obra-effect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.obra-effect-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fffdf9;box-shadow:0 12px 34px rgba(93,51,20,.055)}
.obra-effect-card figure{position:relative;aspect-ratio:1;overflow:hidden;background:var(--wash)}
.obra-effect-card figure>img,.obra-effect-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.obra-effect-card video{z-index:1;opacity:0;transition:opacity .22s ease}.obra-effect-card.is-playing video{opacity:1}
.obra-effect-card figure>button{position:absolute;z-index:3;right:13px;bottom:13px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(70,33,13,.68);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.obra-effect-card .obra-pause{display:none}.obra-effect-card.is-playing .obra-play{display:none}.obra-effect-card.is-playing .obra-pause{display:block}
.obra-effect-card figcaption{position:absolute;z-index:2;top:12px;left:12px;padding:5px 9px;border-radius:999px;background:rgba(255,248,239,.84);color:var(--accent-dark);font-size:.61rem;font-weight:850;backdrop-filter:blur(8px)}
.obra-effect-card>div{padding:15px 17px 18px}.obra-effect-card h3{margin:0;color:var(--brand-dark);font-size:1rem}.obra-effect-card p{margin:7px 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}

.obra-image-hero{padding:125px 0 100px;text-align:center}
.obra-image-hero hgroup{max-width:960px;margin:0 auto}.obra-image-hero h1{margin:9px 0 0;color:var(--brand-dark);font-size:clamp(2.7rem,5vw,5.5rem);line-height:.98;letter-spacing:-.06em}.obra-image-hero hgroup>p:last-child{max-width:820px;margin:22px auto 28px;color:var(--muted);font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.7}
.obra-image-hero>figure{margin-top:42px;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:var(--wash);box-shadow:var(--obra-shadow)}.obra-image-hero>figure img{width:100%;aspect-ratio:16/9;object-fit:cover}.obra-image-hero>figure figcaption{padding:12px;color:var(--muted);font-size:.73rem}
.obra-image-hero>ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.obra-image-hero>ul li{display:grid;gap:3px;padding:16px;border:1px solid var(--line);border-radius:19px;background:rgba(255,253,249,.8);text-align:left}.obra-image-hero>ul strong{color:var(--brand-dark);font-size:.88rem}.obra-image-hero>ul span{color:var(--soft-text);font-size:.68rem;line-height:1.4}

.obra-tab-list{display:flex;justify-content:center;gap:8px;max-width:100%;margin:0 auto 22px;overflow-x:auto;padding:3px 3px 10px}.obra-tab-list button{min-height:45px;flex:0 0 auto;padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:#fffdf9;color:var(--muted);font-weight:780;cursor:pointer}.obra-tab-list button.is-active{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}
.obra-workflow-panel{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:44px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#fffdf9,#fff4e6);box-shadow:var(--obra-shadow)}
.obra-workflow-panel figure{overflow:hidden;border-radius:23px;background:var(--wash)}.obra-workflow-panel figure img{width:100%;aspect-ratio:1;object-fit:cover}.obra-workflow-panel figcaption{padding:9px 12px;color:var(--muted);font-size:.66rem}.obra-workflow-panel>div{padding:30px 40px 30px 10px}.obra-workflow-panel h3{margin:8px 0 0;color:var(--brand-dark);font-size:clamp(2rem,3vw,3.4rem);line-height:1.05;letter-spacing:-.045em}.obra-workflow-panel p{margin:18px 0 25px;color:var(--muted);font-size:1.02rem;line-height:1.75}.obra-workflow-panel a,.obra-feature a{display:inline-flex;align-items:center;gap:10px;color:var(--accent-dark);font-weight:850}.obra-workflow-panel a .ui-icon,.obra-feature a .ui-icon{width:1rem;height:1rem}

.obra-tool-card{overflow:hidden;border:1px solid var(--line);border-radius:23px;background:#fffdf9;box-shadow:0 10px 30px rgba(94,54,24,.05)}.obra-tool-card>img{width:100%;aspect-ratio:1.55/1;object-fit:cover}.obra-tool-card>div{padding:14px 16px 17px}.obra-tool-card h3{margin:0;color:var(--brand-dark);font-size:.96rem}.obra-tool-card p{display:-webkit-box;min-height:38px;margin:6px 0 13px;overflow:hidden;color:var(--muted);font-size:.72rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.obra-tool-card a{display:flex;align-items:center;justify-content:space-between;color:var(--accent-dark);font-size:.72rem;font-weight:850}.obra-tool-card a .ui-icon{width:1rem;height:1rem}

.obra-feature-stack>.obra-centered-heading{margin-bottom:30px}.obra-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center;margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:31px;background:rgba(255,253,249,.75)}.obra-feature.is-reverse figure{order:2}.obra-feature.is-reverse>div{order:1}.obra-feature figure{overflow:hidden;border-radius:24px;background:var(--wash)}.obra-feature video{width:100%;aspect-ratio:1;object-fit:cover}.obra-feature figcaption{padding:9px 12px;color:var(--muted);font-size:.65rem}.obra-feature>div{padding:30px}.obra-feature h3{margin:8px 0 0;color:var(--brand-dark);font-size:clamp(1.9rem,3vw,3.3rem);line-height:1.06;letter-spacing:-.045em}.obra-feature p{margin:18px 0 25px;color:var(--muted);font-size:1rem;line-height:1.78}

.obra-steps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.obra-steps article{height:100%;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,#fffdf9,#fff5e8)}.obra-steps data{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:var(--accent-strong);color:#fff;font-weight:850}.obra-steps h3{margin:20px 0 0;color:var(--brand-dark);font-size:1.2rem}.obra-steps p{margin:10px 0 0;color:var(--muted);font-size:.82rem;line-height:1.6}
.obra-use-cases>.obra-split-heading>p{max-width:330px;text-align:right}.obra-use-cases ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.obra-use-cases article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:23px;background:#fffdf9}.obra-use-cases img{width:112px;height:112px;border-radius:18px;object-fit:cover}.obra-use-cases h3{margin:0;color:var(--brand-dark);font-size:1.06rem}.obra-use-cases p{margin:7px 0 0;color:var(--muted);font-size:.78rem;line-height:1.55}

.obra-testimonial-shell{display:grid;grid-template-columns:50px minmax(0,1fr) 50px;gap:18px;align-items:center}.obra-testimonial-shell blockquote{max-width:980px;margin:0 auto;padding:40px 50px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,#fffdf9,#fff0e0);text-align:center;box-shadow:var(--obra-shadow)}.obra-testimonial-shell blockquote>.ui-icon{width:42px;height:42px;margin:0 auto 18px;color:var(--accent)}.obra-testimonial-shell blockquote>p{margin:0;color:var(--brand-dark);font-family:Georgia,serif;font-size:clamp(1.35rem,2.2vw,2.35rem);line-height:1.45}.obra-testimonial-shell footer{display:grid;grid-template-columns:48px auto;justify-content:center;gap:1px 12px;align-items:center;margin-top:28px}.obra-testimonial-shell footer img{grid-row:1/3;width:48px;height:48px;border:3px solid #f4cda9;border-radius:50%;object-fit:cover}.obra-testimonial-shell cite{color:var(--brand-dark);font-size:.82rem;font-style:normal;font-weight:850;text-align:left}.obra-testimonial-shell footer span{color:var(--soft-text);font-size:.66rem;text-align:left}

.obra-faq>div{max-width:980px;margin:0 auto}.obra-faq details{border-bottom:1px solid var(--line)}.obra-faq details:first-child{border-top:1px solid var(--line)}.obra-faq summary{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:20px;padding:16px 4px;color:var(--brand-dark);cursor:pointer;list-style:none}.obra-faq summary::-webkit-details-marker{display:none}.obra-faq summary h3{margin:0;font-size:1.02rem}.obra-faq summary .ui-icon{width:20px;height:20px;flex:0 0 auto;color:var(--accent);transition:transform .2s ease}.obra-faq details[open] summary{color:var(--accent-dark)}.obra-faq details[open] summary .ui-icon{transform:rotate(45deg)}.obra-faq details>p{margin:-2px 44px 20px 4px;color:var(--muted);line-height:1.72}

.obra-final-cta{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr);gap:48px;align-items:center;margin-top:70px;padding:48px;border:1px solid #e7c4a4;border-radius:36px;background:radial-gradient(circle at 92% 12%,rgba(255,148,77,.3),transparent 19rem),linear-gradient(140deg,#fff5e7,#ffe5ce);box-shadow:var(--obra-shadow)}.obra-final-cta h2{margin:9px 0 0;color:var(--brand-dark);font-size:clamp(2.2rem,4vw,4.4rem);line-height:1;letter-spacing:-.05em}.obra-final-cta p{max-width:720px;margin:19px 0 27px;color:var(--muted);font-size:1.03rem;line-height:1.72}.obra-final-cta figure{overflow:hidden;border:8px solid rgba(255,255,255,.55);border-radius:30px;background:var(--wash);box-shadow:0 18px 40px rgba(104,56,20,.12)}.obra-final-cta video{width:100%;aspect-ratio:1;object-fit:cover}.obra-final-cta figcaption{padding:9px;color:var(--muted);font-size:.65rem;text-align:center}
.obra-image-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:25px;align-items:center;margin-top:85px;padding:38px 4px 48px;border-top:1px solid var(--line)}.obra-image-footer .studio-brand{width:auto;height:auto}.obra-image-footer .studio-brand__name{font-size:2rem}.obra-image-footer .studio-brand__badge{margin-top:0}.obra-image-footer p{margin:0;color:var(--muted);font-size:.78rem}.obra-image-footer nav{display:flex;gap:18px}.obra-image-footer nav a{color:var(--accent-dark);font-size:.75rem;font-weight:800}

@media (hover:hover) and (pointer:fine){.obra-effect-card figure>button{display:none}.obra-effect-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(94,52,21,.11)}}
@media (max-width:1280px){
  .obra-card-grid,.obra-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .obra-workbench{grid-template-columns:minmax(310px,380px) minmax(0,1fr)}
  .obra-workbench__stage{min-height:570px}
  .obra-image-hero>ul,.obra-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  .obra-workbench{grid-template-columns:1fr}.obra-workbench__controls{max-height:none}.obra-workbench__stage{min-height:0;aspect-ratio:16/10}
  .obra-workflow-panel{grid-template-columns:minmax(240px,.8fr) minmax(0,1fr);gap:18px}.obra-workflow-panel>div{padding:20px}
  .obra-feature{gap:22px}.obra-feature>div{padding:18px}
}
@media (max-width:840px){
  .obra-image-page .studio-main{margin-left:0;padding:20px 12px 0}
  .obra-section{padding:68px 0}.obra-centered-heading{margin-bottom:28px}.obra-centered-heading h2,.obra-split-heading h2{font-size:2.15rem}
  .obra-workbench{gap:12px;padding:10px;border-radius:25px}.obra-workbench__controls{padding:18px;border-radius:20px}.obra-workbench__stage{border-radius:20px}
  .obra-carousel-shell{grid-template-columns:1fr}.obra-carousel-shell>.obra-round-arrow{display:none}
  .obra-card-grid,.obra-effect-grid{grid-template-columns:1fr}
  .obra-split-heading{display:block}.obra-split-heading>a{margin-top:14px}.obra-use-cases>.obra-split-heading>p{text-align:left}
  .obra-image-hero{padding:85px 0 65px}.obra-image-hero h1{font-size:2.75rem}.obra-image-hero>figure{border-radius:24px}.obra-image-hero>ul{grid-template-columns:1fr 1fr}
  .obra-workflow-panel{grid-template-columns:1fr;padding:12px}.obra-workflow-panel>div{padding:22px 12px 26px}.obra-workflow-panel h3{font-size:2.2rem}
  .obra-feature,.obra-feature.is-reverse{grid-template-columns:1fr;padding:12px}.obra-feature.is-reverse figure,.obra-feature.is-reverse>div{order:initial}.obra-feature>div{padding:22px 12px 27px}.obra-feature h3{font-size:2.15rem}
  .obra-steps ol,.obra-use-cases ul{grid-template-columns:1fr}
  .obra-testimonial-shell{grid-template-columns:1fr}.obra-testimonial-shell>.obra-round-arrow{display:none}.obra-testimonial-shell blockquote{padding:30px 22px}
  .obra-final-cta{grid-template-columns:1fr;gap:30px;padding:28px 18px;border-radius:28px}.obra-final-cta figure{order:-1;max-width:520px;margin:0 auto}.obra-final-cta h2{font-size:2.7rem}
  .obra-image-footer{grid-template-columns:1fr;gap:15px}.obra-image-footer nav{flex-wrap:wrap}
}
@media (max-width:520px){
  .obra-choice-group>div{grid-template-columns:1fr 1fr}.obra-workbench__specs{grid-template-columns:1fr 1fr 1fr}.obra-workbench__stage{aspect-ratio:4/5}.obra-workbench__stage img{object-position:center}.obra-workbench__stage figcaption{grid-template-columns:1fr;gap:4px}.obra-workbench__stage figcaption span{grid-row:auto;width:max-content}
  .obra-image-hero h1{font-size:2.35rem}.obra-image-hero>ul{grid-template-columns:1fr}
  .obra-use-cases article{grid-template-columns:88px minmax(0,1fr)}.obra-use-cases img{width:88px;height:88px}
  .obra-testimonial-shell blockquote>p{font-size:1.3rem}.obra-faq summary h3{font-size:.92rem}.obra-faq details>p{margin-right:6px}
  .obra-final-cta h2{font-size:2.25rem}
}
@media (prefers-reduced-motion:reduce){.obra-image-page *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}