.d030-website-hero { width:100%; max-width:none; padding:0 16px; background:#f6f6f8; color:#111112; border-radius:0 0 90px 90px; font:500 16px/1.65 'Work Sans',sans-serif; }
.d030-website-hero :where(.wp-block-group,figure,p,.wp-block-buttons) { margin:0; }
.d030-website-hero .wp-block-group > * { margin-block:0; }
.d030-website-hero-shell { display:flex; flex-direction:row; gap:64px; max-width:1320px; padding:32px 0 76px; margin-inline:auto!important; }
.d030-website-art { display:flex; align-items:center; justify-content:center; gap:32px; width:50%; height:548px; min-width:0; }
.d030-website-photo { width:50%; height:100%; min-width:0; }
.d030-website-photo img { width:100%; height:100%; object-fit:cover; border-radius:48px; display:block; }
.d030-website-tiles { display:flex; flex-direction:column; justify-content:space-between; gap:32px; width:50%; height:100%; min-width:0; }
.d030-website-code,.d030-website-expression { position:relative; flex:0 0 calc(50% - 18px); height:calc(50% - 18px); border-radius:48px; }
.d030-website-code { background:#5965e3; }
.d030-website-code-image { position:absolute; top:20px; right:-40px; width:100%; }
.d030-website-code-image img { display:block; width:100%; height:auto; transition:transform 1s cubic-bezier(0,.33,.07,1.03); }
.d030-website-expression { background:#cdf7ad; }
.d030-website-eyes { height:100%; display:flex; align-items:center; justify-content:center; gap:24px; }
.d030-website-eye { position:relative; background:#fff; border:3px solid #000; border-radius:160px; padding:32px; cursor:pointer; }
.d030-website-eye::after { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; }
.d030-website-pupil { background:#000; border:12.8px solid #5965e3; border-radius:160px; padding:11.2px; transition:transform 200ms ease-out; }
.d030-website-eye:hover::after { animation:d030-website-squint 100ms forwards; }
.d030-website-eye:active .d030-website-pupil { animation:d030-website-agitate 100ms infinite 500ms; border-width:8px; padding:16px; }
@keyframes d030-website-squint { from { background:transparent; } to { background:linear-gradient(0deg,#000 0% 35%,transparent 36% 64%,#000 65% 100%); } }
@keyframes d030-website-agitate { 0% { transform:scale(1.2) translate(0,-10%); } 25% { transform:scale(1.2) translate(-10%,10%); } 50% { transform:scale(1.2) translate(10%,-5%); } 75% { transform:scale(1.2) translate(-10%,-5%); } 100% { transform:scale(1.2) translate(10%,10%); } }
.d030-website-scramble { display:none; }
.d030-website-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:0; width:50%; min-width:0; padding-inline:16px; z-index:1; }
.d030-website-copy .d030-hero-heading { width:100%; }
.d030-website-copy .d030-hero-title-display { text-align:left; overflow-wrap:break-word; }
.d030-website-copy .d030-hero-typing,.d030-website-copy .d030-hero-title-size { padding:0; }
.d030-website-intro { padding-top:12px; color:#5e5e5e; font:500 14px/1.65 'Work Sans',sans-serif; }
.d030-website-actions { padding-top:36px; display:flex; gap:0; }
.d030-website-actions .wp-block-button__link { display:block; padding:21px 32px; border:0; border-radius:1000px; color:#fff; background:#111112; text-decoration:none; font:700 16px/1 'Work Sans',sans-serif; transition:color .3s,background-color .3s; }
.d030-website-actions .wp-block-button__link:hover { color:#111112; background:#cdf7ad; }
@media(max-width:1024px) {
  .d030-website-hero { padding-block:16px; background:transparent; border-radius:0; }
  .d030-website-hero-shell { max-width:none; padding:48px 20px; background:#f6f6f8; border-radius:48px; flex-direction:column-reverse; align-items:center; gap:32px; }
  .d030-website-art { width:100%; height:280px; gap:14px; }
  .d030-website-photo img,.d030-website-code,.d030-website-expression { border-radius:28px; }
  .d030-website-tiles { gap:14px; }
  .d030-website-code,.d030-website-expression { flex-basis:calc(50% - 7px); height:calc(50% - 7px); }
  .d030-website-code-image { right:-10px; width:110px; }
  .d030-website-eyes { display:none; }
  .d030-website-scramble { height:100%; display:flex; align-items:center; justify-content:center; padding:20px; border-radius:28px; background:#111112; color:#fafafa; text-align:center; font:100 10px/1.65 'Roboto Mono',monospace; }
  .d030-website-scramble p { font:inherit; }
  .d030-website-scramble p:not(:first-child) { display:none; }
  .d030-website-scramble.is-animated p { display:block; position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .d030-website-scramble-dud { color:#757575; }
  .d030-website-copy { align-items:center; text-align:center; }
  .d030-website-copy .d030-hero-title-display { text-align:center; }
  .d030-website-copy .d030-hero-typing,.d030-website-copy .d030-hero-title-size { min-height:80px; white-space:normal; }
  .d030-website-actions { padding-top:18px; }
}
@media(max-width:767px) {
  .d030-website-copy { width:100%; }
  .d030-website-photo { width:48%; }
  .d030-website-tiles { width:52%; }
}
@media(prefers-reduced-motion:reduce) {
  .d030-website-code-image img,.d030-website-pupil { transform:none!important; transition:none; }
  .d030-website-eye:hover::after,.d030-website-eye:active .d030-website-pupil { animation:none; }
}
/* All six phrases remain directly editable in the Gutenberg canvas. */
.editor-styles-wrapper .d030-website-scramble { display:flex; flex-direction:column; min-height:133px; height:auto; }
.editor-styles-wrapper .d030-website-scramble p { display:block; }