html:is([data-brand=rohm],[data-brand=dezign-district]){--plnr-pad:clamp(28px, 5.2vw, 96px)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-hero{color:#faf8f4;background:var(--ink);height:clamp(560px,82svh,760px);position:relative;overflow:hidden}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-hero>img,html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-hero-shade{width:100%;height:100%;position:absolute;inset:0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-hero>img{object-fit:cover}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-hero-shade{background:linear-gradient(90deg,#1d1b18a8,#1d1b181f 62%),linear-gradient(#1d1b1800 42%,#1d1b188c)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-hero-copy{z-index:2;width:min(720px,82vw);position:absolute;bottom:clamp(40px,8vh,92px);left:clamp(20px,5vw,76px)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-hero h1{color:#faf8f4;font-family:var(--serif,"Switzer", system-ui, sans-serif);font-size:var(--t-hero);letter-spacing:-.022em;margin:18px 0 0;font-weight:700;line-height:1.04}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-hero-copy>p:not(.dd-eyebrow){color:#faf8f4d1;max-width:500px;font-weight:300;font-size:var(--t-body);margin:22px 0 0;line-height:1.65}html:is([data-brand=rohm],[data-brand=dezign-district]) .hero-index{z-index:2;color:#faf8f49e;text-transform:uppercase;letter-spacing:.28em;font-size:var(--t-meta);position:absolute;bottom:clamp(40px,8vh,92px);right:clamp(20px,5vw,76px)}html:is([data-brand=rohm],[data-brand=dezign-district]) .dd-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:var(--t-meta);color:var(--walnut);margin:0;font-weight:600}html:is([data-brand=rohm],[data-brand=dezign-district]) .dd-eyebrow-light{color:#faf8f4b3}html:is([data-brand=rohm],[data-brand=dezign-district]) .text-link,html:is([data-brand=rohm],[data-brand=dezign-district]) .text-link-light{letter-spacing:.01em;align-items:center;gap:8px;margin-top:26px;font-weight:500;text-decoration:none;display:inline-flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .text-link{color:var(--walnut-dark)}html:is([data-brand=rohm],[data-brand=dezign-district]) .text-link-light{color:#faf8f4}html:is([data-brand=rohm],[data-brand=dezign-district]) .text-link svg,html:is([data-brand=rohm],[data-brand=dezign-district]) .text-link-light svg{transition:transform .25s}html:is([data-brand=rohm],[data-brand=dezign-district]) .text-link:hover svg,html:is([data-brand=rohm],[data-brand=dezign-district]) .text-link-light:hover svg{transform:translate(4px)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-intro{padding:clamp(56px, 6.5vw, 96px) var(--plnr-pad) clamp(72px, 8.5vw, 130px);background:var(--paper)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-intro:before{content:"";background:var(--line-2,#cbc4b8);height:1px;margin-bottom:28px;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-intro>h2{max-width:20ch;font-family:var(--serif,"Switzer", system-ui, sans-serif);font-size:var(--t-campaign);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:18px 0 0;font-weight:700;line-height:1.08}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-grid{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(20px,2.6vw,56px);margin-top:clamp(44px,5vw,88px);display:grid}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:first-child .ai-choice-body{padding:40px 48px 44px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:first-child h3{font-size:var(--t-h2)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:first-child{box-shadow:0 22px 56px -30px #1d1b1861}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card{color:var(--ink);background:var(--relief,#fff);border:1px solid var(--line);border-radius:2px;flex-direction:column;text-decoration:none;transition:transform .4s cubic-bezier(.22,.7,.2,1),box-shadow .4s,border-color .3s;display:flex;position:relative;overflow:hidden}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:hover{border-color:var(--line-2);transform:translateY(-4px);box-shadow:0 22px 48px -30px #1d1b1880}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-media{aspect-ratio:4/3;background:var(--paper-2);margin:0;overflow:hidden}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-media img{object-fit:cover;width:100%;height:100%;transition:transform .75s cubic-bezier(.22,.7,.2,1)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:hover .ai-choice-media img{transform:scale(1.04)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-body{flex-direction:column;flex:1;padding:24px 26px 26px;display:flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-step{text-transform:uppercase;letter-spacing:.16em;font-size:var(--t-meta);color:var(--walnut);margin-bottom:12px;font-weight:600;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card h3{color:var(--ink);font-family:var(--serif,"Switzer", system-ui, sans-serif);font-size:var(--t-h2);letter-spacing:-.02em;margin:0;font-weight:700}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-promise{color:var(--body);font-size:var(--t-ui);margin:8px 0 0;line-height:1.55}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-terms{margin:18px 0 0}html[data-brand=dezign-district] .ai-choice-line{border-top:1px solid var(--line);font-size:var(--t-ui);color:var(--body);margin:14px 0 0;padding-top:12px;line-height:1.6}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-terms>div{border-top:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-terms dt{font:600 var(--t-meta)/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-top:2px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-terms dd{font-size:var(--t-ui);color:var(--body);margin:0;line-height:1.6}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-cta{min-height:48px;font-size:var(--t-ui);letter-spacing:.04em;color:var(--ink);border:1px solid var(--ink);border-radius:2px;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding:0 18px;font-weight:600;transition:background .22s,color .22s;display:flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:first-child .ai-choice-cta{color:#faf8f4;background:var(--ink)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:hover .ai-choice-cta{background:var(--ink);color:#faf8f4}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-cta svg{transition:transform .25s}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:hover .ai-choice-cta svg{transform:translate(4px)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:focus-visible{outline:2px solid var(--walnut);outline-offset:2px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-studio{padding:clamp(56px, 6vw, 104px) 0 0 max(var(--plnr-pad), 11vw);background:var(--paper-3,#e8e1d6)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-studio-top{background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;padding:0 0 44px;display:flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-studio-top h2{font-family:var(--serif,"Switzer", system-ui, sans-serif);font-size:var(--t-campaign);letter-spacing:-.02em;color:var(--ink);margin:8px 0 0;font-weight:700}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-studio-top .muted{color:var(--body)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-mode-switch{z-index:1;background:var(--paper);border:1px solid var(--line-2);border-radius:2px 2px 0 0;gap:0;width:min(520px,100%);margin:0 auto -1px 0;display:flex;position:relative;overflow:hidden}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-mode-switch button{min-height:48px;color:var(--body);text-transform:uppercase;letter-spacing:.1em;font-size:var(--t-meta);cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-mode-switch button+button{border-left:1px solid var(--line-2)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-mode-switch button:hover{border-color:var(--walnut);color:var(--ink)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-mode-switch button.is-on,html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-mode-switch button.active{color:#faf8f4;background:var(--ink);border-color:var(--ink)}html:is([data-brand=rohm],[data-brand=dezign-district]) .dd-note{background:var(--paper);border:1px solid var(--line);color:var(--body);font-size:var(--t-ui);border-bottom:0;margin:0;padding:14px clamp(20px,3vw,34px)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-form-layout{background:var(--paper);border:1px solid var(--line);grid-template-columns:1.33fr 1fr;display:grid}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-upload,html:is([data-brand=rohm],[data-brand=dezign-district]) .picker-promise{text-align:center;background:var(--paper-2);border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:460px;padding:clamp(32px,4vw,60px);display:flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__drop{color:var(--body);background:var(--paper);border:1px dashed var(--line-2);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:320px;padding:32px;transition:border-color .2s;display:flex}@media (width<=700px){html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-drop{min-height:180px;padding:20px}}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__drop:hover{border-color:var(--walnut)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__drop strong{color:var(--ink);font-size:var(--t-h3);letter-spacing:-.02em;margin-top:20px;font-weight:600}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__drop span{color:var(--body);font-size:var(--t-meta);margin-top:10px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__aside{max-width:42ch;color:var(--body);font-size:var(--t-meta);margin:22px 0 0;line-height:1.6}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__preview img{border:1px solid var(--line);max-width:260px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__linkbtn{color:var(--walnut-dark);cursor:pointer;font:inherit;font-size:var(--t-meta);background:0 0;border:0;text-decoration:underline}html:is([data-brand=rohm],[data-brand=dezign-district]) .picker-promise h3{max-width:20ch;font-family:var(--serif,"Switzer", system-ui, sans-serif);font-size:var(--t-h2);letter-spacing:-.025em;color:var(--ink);margin:24px 0 0;font-weight:700;line-height:1.05}html:is([data-brand=rohm],[data-brand=dezign-district]) .picker-promise p{max-width:44ch;color:var(--body);font-size:var(--t-ui);margin:20px 0 0;line-height:1.7}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-form-layout[data-mode=picker] .ai-upload,html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-form-layout[data-mode=designer] .picker-promise{display:none}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-upload .ds__preview img{width:100%;max-width:300px;height:auto;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-upload .ds__preview figcaption{color:var(--body);font-size:var(--t-meta);justify-content:space-between;align-items:center;gap:14px;margin-top:10px;display:flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-fields{align-content:start;gap:24px;padding:clamp(32px,4vw,60px);display:grid}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__group{border:0;margin:0;padding:0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__legend{text-transform:uppercase;letter-spacing:.14em;font-size:var(--t-meta);color:var(--body);padding:0;font-weight:600}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__chip{position:relative}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__chip input{opacity:0;cursor:pointer;position:absolute;inset:0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__chip span{cursor:pointer;min-height:42px;color:var(--body);background:var(--paper-2);border:1px solid var(--line);font-size:var(--t-ui);border-radius:2px;align-items:center;padding:0 18px;transition:all .18s;display:inline-flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__chip:hover span{border-color:var(--walnut);color:var(--ink)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__chip input:checked+span{color:#faf8f4;background:var(--ink);border-color:var(--ink)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__chip input:focus-visible+span{outline:2px solid var(--walnut);outline-offset:2px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__row{grid-template-columns:1fr 1fr;gap:20px;display:grid}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-fields .field{gap:8px;display:grid;position:relative}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-fields .field>label span{text-transform:none;letter-spacing:0;font-size:var(--t-meta);color:var(--ink);font-weight:600}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-fields .field small{color:var(--body);font-size:var(--t-meta);pointer-events:none;position:absolute;bottom:15px;right:12px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-fields .control{min-height:48px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-generate{color:#faf8f4;background:var(--ink);text-transform:uppercase;letter-spacing:.1em;width:100%;min-height:54px;font-size:var(--t-meta);cursor:pointer;border:0;border-radius:2px;justify-content:space-between;align-items:center;margin-top:6px;padding:0 22px;font-weight:600;transition:background .2s;display:flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-generate:hover{background:#2a2723}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__fine{color:var(--body);font-size:var(--t-meta);margin:2px 0 0;line-height:1.5}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__result:not(:empty){margin-top:20px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how{padding:clamp(84px, 9vw, 136px) var(--plnr-pad) clamp(76px, 8vw, 120px);color:#faf8f4;background:var(--ink);grid-template-columns:1fr;gap:clamp(36px,5vh,60px);display:grid}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how>div:first-child{grid-template-rows:auto auto;grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:center;column-gap:clamp(24px,4vw,72px);display:grid}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how>div:first-child>.dd-eyebrow{grid-area:1/1}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how>div:first-child>h2{grid-area:2/1}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how>div:first-child:after{content:"";background:#faf8f44d;grid-area:2/2;height:1px;margin-top:22px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how h2{color:#faf8f4;font-family:var(--serif,"Switzer", system-ui, sans-serif);font-size:var(--t-campaign);letter-spacing:-.022em;text-wrap:balance;margin:16px 0 0;font-weight:700;line-height:1.08}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps{background:0 0;border:0;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,4fr) minmax(0,3fr);gap:clamp(20px,2.6vw,48px);display:grid}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps article{background:0 0;padding:0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps article:nth-child(2){margin-top:10px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps article:nth-child(3){margin-top:18px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps article:nth-child(4){margin-top:24px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps span{color:var(--dd-sand,#d8be9e);letter-spacing:-.02em;font-size:clamp(40px,3.6vw,80px);font-weight:700;line-height:1}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps article:first-child span{font-size:clamp(56px,5.4vw,112px)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps h3{color:#faf8f4;font-size:var(--t-lead);letter-spacing:-.01em;margin:14px 0 0;font-weight:700}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps p{color:#faf8f49e;font-size:var(--t-ui);margin:9px 0 0;line-height:1.6}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how .ai-how-fine{text-align:left;color:#faf8f4b8;max-width:none;font-size:var(--t-ui);border-top:1px solid #faf8f42e;grid-column:1/-1;justify-content:flex-end;margin:clamp(28px,4vh,44px) 0 0 25%;padding:22px 0 0;line-height:1.7;display:flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end{min-height:clamp(380px,56svh,560px)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end>img{object-position:68% center}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end>div:last-child{width:min(560px,70vw);top:50%;bottom:auto;transform:translateY(-50%)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end h2{font-size:var(--t-campaign)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-hero .text-link-light,html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end .outline-action-light{min-height:var(--btn-h,52px);padding:0 var(--btn-px,30px);color:var(--ink);border-radius:var(--radius-campaign,999px);font-size:var(--btn-fs,15px);letter-spacing:var(--btn-track,.01em);background:#fff;border:1px solid #fff;justify-content:center;align-items:center;gap:10px;margin-top:28px;font-weight:600;text-decoration:none;transition:background .25s,color .25s,border-color .25s;display:inline-flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-hero .text-link-light:hover{color:#fff}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end .outline-action-light:hover{background:var(--paper-2,#efede8);color:var(--ink);border-color:var(--paper-2,#efede8)}@media (width<=900px){html:is([data-brand=rohm],[data-brand=dezign-district]) .hero-index{display:none}}@media (width<=860px){html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-grid{grid-template-columns:1fr}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-media{aspect-ratio:16/9}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:nth-child(2),html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:nth-child(3){margin-top:0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-choice-card:first-child .ai-choice-body{padding:24px 20px 22px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-studio{padding-left:16px;padding-right:16px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how>div:first-child{grid-template-columns:1fr}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how>div:first-child:after{display:none}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how .ai-how-fine{justify-content:flex-start;margin-left:0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps article{margin-top:0!important}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps span{font-size:34px!important}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end>div:last-child{width:min(560px,88vw)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-form-layout{grid-template-columns:1fr}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-upload,html:is([data-brand=rohm],[data-brand=dezign-district]) .picker-promise{border-right:0;border-bottom:1px solid var(--line);min-height:320px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps{grid-template-columns:1fr;gap:0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps article{border-top:1px solid #faf8f424;padding:20px 0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-how-steps article:first-child{border-top:0}}@media (width<=520px){html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__row{grid-template-columns:1fr}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-mode-switch{width:100%}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-mode-switch button{flex:1;justify-content:center}}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__result{margin-top:40px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds__result:empty{margin-top:0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-render{margin:0 0 28px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-render img{border:1px solid var(--line);width:100%;height:auto;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-render figcaption{font-size:var(--t-ui);color:var(--body);margin-top:12px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set{background:var(--paper);border:1px solid var(--line);border-radius:3px;margin-top:22px;padding:clamp(24px,3vw,40px)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set:first-child{margin-top:0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set .m-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:var(--t-meta);color:var(--walnut);margin-bottom:5px;font-weight:600;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__h{font-family:var(--serif,"Switzer", system-ui, sans-serif);font-size:var(--t-h3);letter-spacing:-.01em;color:var(--ink);margin:8px 0 0;font-weight:600}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__total{text-align:right}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__totalv{font-size:var(--t-h3);letter-spacing:-.01em;color:var(--ink);font-weight:600;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__totall{font-size:var(--t-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--body);margin-top:4px;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__fit{font-size:var(--t-body);color:var(--body);max-width:68ch;margin:16px 0 0;line-height:1.7}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__fit.is-warn{color:var(--ink);border-left:2px solid var(--walnut);padding-left:14px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__notes{flex-direction:column;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__notes li{font-size:var(--t-ui);color:var(--body);padding-left:16px;line-height:1.6;position:relative}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__notes li:before{content:"·";color:var(--walnut);position:absolute;left:4px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__foot{flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px;display:flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-pieces{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(170px,200px));gap:24px 20px;margin-top:24px;padding-top:24px;display:grid}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-piece{color:var(--ink);text-decoration:none;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-piece__img{aspect-ratio:4/5;background:var(--paper-2);border:1px solid var(--line);display:block;overflow:hidden}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-piece__img img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-piece:hover .ds-piece__img img{transform:scale(1.03)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-piece__noimg{aspect-ratio:4/5;background:var(--paper-2);border:1px solid var(--line);width:100%;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-piece__name{font-size:var(--t-ui);color:var(--ink);margin-top:12px;font-weight:500;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-piece__meta{font-size:var(--t-meta);color:var(--body);margin-top:4px;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-piece__price{font-size:var(--t-ui);color:var(--ink);margin-top:6px;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-piece__qty{font-size:var(--t-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--walnut-dark);margin-top:3px;display:block}html:is([data-brand=rohm],[data-brand=dezign-district]) .m-btn{color:#faf8f4;background:var(--ink);border:1px solid var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;min-height:50px;font-size:var(--t-meta);border-radius:2px;justify-content:center;align-items:center;padding:0 26px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}html:is([data-brand=rohm],[data-brand=dezign-district]) .m-btn:hover{background:#2a2723}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end{color:#faf8f4;background:var(--ink);min-height:clamp(420px,52vw,620px);position:relative;overflow:hidden}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end>img,html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end-shade{width:100%;height:100%;position:absolute;inset:0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end>img{object-fit:cover}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end-shade{background:linear-gradient(90deg,#1d1b18a8,#1d1b181f 60%),linear-gradient(#1d1b1800 45%,#1d1b1880)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end>div:last-child{z-index:2;width:min(700px,82vw);position:absolute;bottom:clamp(40px,8vh,88px);left:clamp(20px,5vw,76px)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end h2{color:#faf8f4;font-family:var(--serif,"Switzer", system-ui, sans-serif);font-size:var(--t-campaign);letter-spacing:-.022em;margin:18px 0 0;font-weight:700;line-height:1.08}@media (width<=560px){html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-pieces{grid-template-columns:repeat(2,1fr);gap:18px 14px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__head{align-items:flex-start}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__total{text-align:left}html:is([data-brand=rohm],[data-brand=dezign-district]) .ds-set__foot .m-btn{width:100%}}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-contract{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 34px;margin:34px 0 0;display:grid}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-contract>div{border-top:1px solid var(--line-2,#e4dfd4);padding-top:16px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-contract dt{font:600 var(--t-meta)/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2,#6b7078);margin:0 0 10px}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-contract dd{font-size:var(--t-ui);color:var(--body,#4e545e);margin:0;line-height:1.65}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-contract dd b{color:var(--ink,#111317);font-weight:600}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-pro-exit{font-size:var(--t-ui);color:var(--body,#4e545e);margin:26px 0 0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-pro-exit a{color:var(--walnut-dark,#15442e);border-bottom:1px solid}@media (width<=860px){html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-contract{grid-template-columns:minmax(0,1fr)}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end{min-height:0}html:is([data-brand=rohm],[data-brand=dezign-district]) .ai-end>div:last-child{width:auto;padding:120px 20px 56px;position:relative;top:auto;bottom:auto;left:auto;transform:none}}.ai-how-fine[data-astro-cid-dtigcdnt]{text-align:center;max-width:720px;font-size:var(--t-ui);color:#e9e4da;margin:26px auto 0;padding:0 20px;line-height:1.7}