/* Approved De Steenuil details, 23 September 2026.
   Editorial placement only: one pronounced accent per section, no randomisation.
   Original photo dimensions, crops, navigation and booking flows are preserved. */
@font-face{font-family:'Steenuil Handschrift';font-weight:400 700;font-style:normal;font-display:swap;src:url('/wp-content/themes/desteenuil/design-runtime/b42-live-20261014/media/laag/caveat-variable.ttf') format('truetype')}

/* Pin the owl to the photograph, never to its caption. Every pose stays in front.
   Sizes are calibrated to the body, not to the transparent square canvas. */
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .su-owl-frame{position:relative;overflow:visible;isolation:isolate;min-width:0}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .su-owl-stage{position:relative;isolation:isolate;line-height:0;overflow:visible}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .su-owl-stage>.su-owl-scene{position:relative;z-index:1;display:block}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) .su-owl-stage>img.su-owl-accent{
 position:absolute;display:block;z-index:3;pointer-events:none;user-select:none;
 left:var(--owl-left);top:var(--owl-top);width:var(--owl-size);height:auto;
 min-width:0;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;
 border:0;padding:0;margin:0;box-shadow:none;mix-blend-mode:normal;
 transform-origin:var(--owl-pin-x) var(--owl-pin-y);
 transform:translate(calc(-1 * var(--owl-pin-x)),calc(-1 * var(--owl-pin-y))) rotate(var(--owl-angle,0deg));
}
.su-owl-frame[data-owl-position=top-left]{--owl-left:12px;--owl-top:-6px}
.su-owl-frame[data-owl-position=top-right]{--owl-left:calc(100% - 12px);--owl-top:-6px}
.su-owl-frame[data-owl-position=bottom-left]{--owl-left:12px;--owl-top:calc(100% + 6px)}
.su-owl-frame[data-owl-position=bottom-right]{--owl-left:calc(100% - 12px);--owl-top:calc(100% + 6px)}
.su-owl-frame[data-owl-pose=original]{--owl-size:80px;--owl-pin-x:60%;--owl-pin-y:97%;--owl-angle:5deg}
.su-owl-frame[data-owl-pose=sitting]{--owl-size:70px;--owl-pin-x:50.5%;--owl-pin-y:91.9%}
.su-owl-frame[data-owl-pose=tumbling]{--owl-size:95px;--owl-pin-x:65%;--owl-pin-y:48%}
.su-owl-frame[data-owl-pose=jumping]{--owl-size:98px;--owl-pin-x:64%;--owl-pin-y:92.5%}
.su-owl-frame[data-owl-pose=flying]{--owl-size:106px;--owl-pin-x:50%;--owl-pin-y:77%}
.su-owl-frame[data-owl-pose=peeking]{--owl-size:76px;--owl-pin-x:60%;--owl-pin-y:95.2%}
:is(#su-dagje-uit,#su-kinderfeestjes) .su-owl-frame>figcaption{min-height:60px;line-height:1.5;padding-top:12px;padding-bottom:12px}
:is(#su-dagje-uit,#su-kinderfeestjes) .su-owl-frame[data-owl-position=bottom-left]>figcaption{padding-left:64px;padding-right:8px}
:is(#su-dagje-uit,#su-kinderfeestjes) .su-owl-frame[data-owl-position=bottom-right]>figcaption{padding-left:8px;padding-right:64px}

/* Small adjustments leave space outside the frame without changing photo crops. */
#su-home-responsive .k-story-pictures{padding-top:74px}
#su-home-responsive .k-story-heading{grid-template-columns:minmax(0,1fr)}
#su-dagje-uit .d-animal-story .su-owl-frame{max-width:340px}
#su-dagje-uit.su-camping .c-play-photo.su-owl-frame{margin-bottom:14px}
#su-kinderfeestjes .q-food-heading.su-photo-accent-heading{display:block}
#su-kinderfeestjes .q-food-photo.su-owl-frame{margin-top:76px}

/* Handwritten sentences are occasional story accents, never practical labels. */
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) :is(p,figcaption).su-handwritten-note{
 font:500 1.625rem/1.2 'Steenuil Handschrift','Segoe Print',cursive;
 color:#A24736;text-wrap:balance;letter-spacing:0;
}
:is(#su-home-responsive,#su-dagje-uit,#su-kinderfeestjes) figcaption.su-handwritten-note{padding:14px 6px 9px;text-align:center;transform:rotate(-1deg)}
#su-dagje-uit .su-story-signoff{margin:14px 0 0}

/* The original garland provides a quiet family resemblance on text-only pages. */
:is(#su-kinderfeestjes,#su-boerenknecht,#su-pony,#su-speelfeestje) .su-title-with-mark{display:flex;align-items:center;gap:16px;justify-content:space-between;max-width:900px}
:is(#su-kinderfeestjes,#su-boerenknecht,#su-pony,#su-speelfeestje) .su-title-with-mark h1{min-width:0;flex:1}
:is(#su-kinderfeestjes,#su-boerenknecht,#su-pony,#su-speelfeestje) img.su-title-garland{display:block;flex:0 0 auto;width:80px;height:auto;align-self:center;margin:0 0 20px;pointer-events:none}

@media(min-width:760px){
 .su-owl-frame[data-owl-pose=original]{--owl-size:92px}
 .su-owl-frame[data-owl-pose=sitting]{--owl-size:80px}
 .su-owl-frame[data-owl-pose=tumbling]{--owl-size:104px}
 .su-owl-frame[data-owl-pose=jumping]{--owl-size:112px}
 .su-owl-frame[data-owl-pose=flying]{--owl-size:120px}
 .su-owl-frame[data-owl-pose=peeking]{--owl-size:88px}
 :is(#su-kinderfeestjes,#su-boerenknecht,#su-pony,#su-speelfeestje) img.su-title-garland{width:108px}
}
@media(max-width:759px){
 /* Enough horizontal room for the widest wings, including at 320px. */
 :is(#su-dagje-uit,#su-kinderfeestjes) figure.su-owl-frame{width:calc(100% - 48px);margin-left:24px;margin-right:24px}
 #su-home-responsive .su-home-story-owl{margin-right:10px}
 #su-home-responsive .k-story-pictures{padding-top:66px}
}
@media(max-width:419px){
 :is(#su-kinderfeestjes,#su-boerenknecht,#su-pony,#su-speelfeestje) .su-title-with-mark{position:relative;display:block;padding-top:32px}
 :is(#su-kinderfeestjes,#su-boerenknecht,#su-pony,#su-speelfeestje) img.su-title-garland{position:absolute;right:0;top:-8px;width:72px;margin:0}
}