body.oddb-contact-preview{background:#20211f;color:#20211f}
body.oddb-contact-preview .oddb-header{position:fixed;background:transparent!important;box-shadow:none;height:72px;z-index:100}
.ct-page{font-family:Arial,Helvetica,sans-serif;background:#20211f;padding:80px 8px 8px;color:#20211f}
.ct-page *{box-sizing:border-box}.ct-page a{color:inherit}.ct-page :focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ct-grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:1px}
.ct-panel{padding:clamp(28px,3.2vw,52px);border-radius:5px;min-width:0;background:#f5f3ec;display:flex;flex-direction:column;align-items:flex-start}
.ct-page .ct-label{font:10px/1.5 'Courier New',monospace;text-transform:uppercase;letter-spacing:.03em;color:#263fe5;margin:0}
.ct-page h2{font:400 clamp(27px,2.7vw,40px)/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.03em;margin:28px 0 23px}
.ct-page p{font-size:clamp(15px,1.18vw,18px);line-height:1.5;margin:0 0 20px;max-width:490px}
.ct-form-panel{grid-column:10/25;background:#fff}.ct-form-panel h2{margin-bottom:35px}.ct-form{width:100%;max-width:820px}.ct-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px}.ct-fields label{font-size:14px;line-height:1.5}.ct-fields label span{color:#646660}.ct-field-wide{grid-column:1/-1}.ct-fields input,.ct-fields textarea{display:block;width:100%;font:16px/1.5 Arial,sans-serif;background:#f5f3ec;color:#20211f;border:0;border-bottom:1px solid #90928b;border-radius:0;padding:12px;margin-top:8px;box-shadow:none}.ct-fields textarea{resize:vertical;min-height:140px}.ct-fields :focus{outline:2px solid #263fe5;outline-offset:2px}.ct-form .ct-form-note{font-size:12px;line-height:1.5;max-width:none;margin:14px 0 22px;color:#62635f}.ct-form-note a{text-underline-offset:3px}.ct-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ct-submit{border:0;border-radius:2px;background:#263fe5;color:#fff;font:14px/1.5 Arial,sans-serif;padding:15px 28px;cursor:pointer;transition:background .2s}.ct-submit:hover{background:#20211f}.ct-submit:disabled{opacity:.5;cursor:default}.ct-form .ct-form-status{margin:18px 0 0;min-height:42px;font-size:14px}.ct-form-status[data-error="true"]{color:#a52c17}.ct-related{margin-top:auto;padding-top:60px;display:flex;flex-direction:column;gap:20px;font-size:14px;text-underline-offset:5px}.ct-intro{min-height:510px}.ct-email{min-height:510px}
.ct-page #ob-study.ct-footer-wrap{padding:1px 0 0;background:#20211f;border:0;border-radius:0}.ct-page #ob-study .ob-footer{--ob-foot-text:#20211f;--ob-foot-muted:#61635b;margin:0;background:#f5f3ec;color:#20211f;border-radius:5px;padding:35px}.ct-page #ob-study .ob-footer .ob-footer-logo{color:#263fe5}.ct-page #ob-study .ob-footer a{color:inherit}

.ct-intro{grid-column:1/-1;position:relative;height:440px;min-height:0;overflow:hidden;justify-content:center;padding:42px 4vw;background:#f5f3ec}.ct-hero-copy{position:relative;z-index:1;width:57%}.ct-page h1{font:italic 400 clamp(100px,12.5vw,180px)/.96 Georgia,serif;letter-spacing:-.065em;color:#263fe5;margin:22px 0 24px}.ct-page .ct-deck{font:400 clamp(25px,2.25vw,37px)/1.2 Arial,sans-serif;letter-spacing:-.025em;max-width:none;margin-bottom:18px}.ct-page .ct-hero-note{font-size:15px;line-height:1.45;margin-bottom:0}.ct-berry{position:absolute;right:-1%;bottom:-20%;width:48%;height:123%;object-fit:contain;filter:drop-shadow(0 20px 16px #28212416);pointer-events:none}.ct-form-panel{grid-column:1/-1;display:grid;grid-template-columns: minmax(0,1fr) minmax(0,2fr);align-items:start;gap:6vw;padding:44px 4vw}.ct-form-heading h2{margin-top:26px}.ct-form{max-width:none}.ct-fields{gap:24px}.ct-form-panel .ct-form-note{max-width:none}.ct-page #ob-study .ob-footer p{font-size:13px}
@media(max-width:1000px) and (min-width:701px){.ct-intro{height:410px}.ct-hero-copy{width:58%}.ct-page h1{font-size:12vw}.ct-berry{right:-4%;width:51%;height:110%;bottom:-12%}.ct-form-panel{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px}.ct-fields{grid-template-columns:1fr}}
@media(max-width:700px){.ct-page{padding:78px 5px 5px}.ct-grid{grid-template-columns:1fr}.ct-intro{height:510px;padding:32px 25px;justify-content:flex-start}.ct-hero-copy{width:100%}.ct-page h1{font-size:clamp(80px,22vw,135px);margin:22px 0}.ct-page .ct-deck{font-size:25px}.ct-page .ct-hero-note{font-size:14px;max-width:260px}.ct-berry{height:265px;width:290px;right:-55px;bottom:-48px}.ct-form-panel{display:block;padding:30px 25px}.ct-page h2{font-size:32px}.ct-form-heading h2 br{display:none}.ct-form-heading h2{margin:22px 0 30px}.ct-fields{grid-template-columns:1fr;gap:22px}.ct-page #ob-study .ob-footer{padding:30px 25px}}

/* The page background is the hero; the panel grid starts with the form. */
body.oddb-contact-preview{background:#f5f3ec}.ct-page{background:#f5f3ec;padding:0 0 8px}.ct-intro{display:flex;flex-direction:column;align-items:flex-start;border:0;border-radius:0;background:transparent;height:520px;padding:122px 4.5vw 42px}.ct-grid{margin:0 8px;background:#20211f}.ct-page #ob-study.ct-footer-wrap{margin:0 8px}.ct-berry{height:106%;bottom:-15%;right:-1%}
@media(min-width:701px) and (max-width:1000px){.ct-intro{height:490px;padding-top:122px}.ct-berry{height:98%;bottom:-12%;right:-4%}}
@media(max-width:700px){.ct-page{padding:0 0 5px}.ct-intro{height:588px;padding:110px 30px 32px}.ct-grid{margin:0 5px}.ct-page #ob-study.ct-footer-wrap{margin:0 5px}.ct-berry{height:265px;width:290px;right:-50px;bottom:-48px}}

/* Macro cover: continuous colour canvas, oversized fruit and black typography. */
body.oddb-contact-preview,.ct-page{background:#f52d08}.ct-intro{height:100svh;min-height:720px;max-height:1080px;padding:140px 5vw 70px;color:#100c08;justify-content:center}.ct-hero-copy{width:53%}.ct-intro .ct-label,.ct-intro h1{color:#100c08}.ct-intro h1{font-size:clamp(110px,13.5vw,220px);margin:30px 0 42px}.ct-intro .ct-deck{font-size:clamp(32px,3.3vw,53px);line-height:1.12;margin-bottom:25px}.ct-deck em{font-family:Georgia,serif;font-weight:400}.ct-intro .ct-hero-note{max-width:330px;font-size:16px}.ct-berry{width:64%;height:94%;right:-7%;bottom:-4%;object-fit:contain;filter:drop-shadow(0 25px 17px #65150135)}.ct-hero-link{display:inline-flex;align-items:center;gap:40px;background:#100c08;color:#f5f3ec!important;padding:17px 24px;margin-top:32px;border-radius:2px;font-size:14px;text-decoration:none}.ct-hero-link:hover{background:#29221b}.ct-form-panel{scroll-margin-top:78px}
@media(min-width:701px) and (max-width:1000px){.ct-intro{min-height:700px;padding:130px 4.5vw 55px}.ct-hero-copy{width:56%}.ct-intro h1{font-size:13vw}.ct-berry{width:67%;height:90%;right:-13%;bottom:-7%}.ct-intro .ct-hero-note{max-width:260px;font-size:15px}}
@media(max-width:700px){.ct-intro{height:100svh;min-height:810px;max-height:1000px;padding:112px 30px 30px;justify-content:flex-start}.ct-hero-copy{width:100%}.ct-intro h1{font-size:clamp(80px,22vw,135px);margin:24px 0 28px}.ct-intro .ct-deck{font-size:32px;margin-bottom:20px}.ct-intro .ct-hero-note{font-size:14px;max-width:260px}.ct-hero-link{margin-top:24px;padding:14px 20px;font-size:13px}.ct-berry{width:390px;height:380px;right:-80px;bottom:-75px}}

/* Independent title and form panels, separated by the shared 1px grid gap. */
.ct-grid>.ct-form-heading{grid-column:1/9;background:#f5f3ec;padding:44px 4vw;display:block}.ct-grid>.ct-form-panel{grid-column:9/25;display:block;padding:44px 4vw}.ct-form-heading h2{margin-top:26px}.ct-grid>.ct-form-heading,.ct-grid>.ct-form-panel{min-width:0;border-radius:5px}
@media(max-width:700px){.ct-grid>.ct-form-heading,.ct-grid>.ct-form-panel{grid-column:1/-1;padding:30px 25px}.ct-form-heading h2{margin-bottom:0}}

/* Rounded corners reveal the page canvas, never a dark rectangular backing. */
.ct-page .ct-grid,.ct-page #ob-study.ct-footer-wrap{background:transparent}.ct-enquiry-copy{margin-top:32px;max-width:360px}.ct-enquiry-copy p{font-size:16px;line-height:1.5;margin:0 0 24px}.ct-enquiry-copy p:last-child{margin-bottom:0}

.ct-grid>.ct-form-heading{grid-row:1}.ct-grid>.ct-message-motion{grid-column:1/9;grid-row:2;position:relative;overflow:hidden;padding:0;background:#263fe5;min-height:350px;cursor:pointer}.ct-message-motion canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.ct-message-motion canvas[hidden]{display:none}.ct-message-motion:focus-visible{outline:3px solid #f5f3ec;outline-offset:-7px}.ct-message-motion p{color:#f5f3ec;padding:30px}.ct-grid>.ct-form-panel{grid-row:1/3}.ct-grid>.ct-form-heading{padding-bottom:36px}
@media(max-width:700px){.ct-grid>.ct-form-heading{grid-row:1}.ct-grid>.ct-message-motion{grid-column:1/-1;grid-row:2;min-height:350px}.ct-grid>.ct-form-panel{grid-row:3}}

/* Shared cream/white pixel-animation palette. */
.ct-grid>.ct-message-motion{background:#f5f3ec}.ct-message-motion p{color:#a39880}.ct-message-motion:focus-visible{outline-color:#a39880}

/* Keep the keyboard ring visible against the white form panel. */
.ct-form .ct-submit:focus-visible{outline-color:#263fe5}
