@media(min-width:1500px) {
    .cousinade-experience .hero {
        gap: 85px;
    }
    .cousinade-experience .hero-photo>img {
        height: 450px;
    }
}

@media(max-width:1050px) {
    .cousinade-experience .shell {
        width: calc(100% - 56px);
    }
    .cousinade-experience .hero {
        gap: 35px;
    }
    .cousinade-experience .hero-photo>img {
        height: 390px;
    }
    .cousinade-experience .definition {
        gap: 45px;
    }
    .cousinade-experience .faq {
        gap: 45px;
    }
    .cousinade-experience .guide-grid {
        grid-template-columns: repeat(2,1fr);
        gap: 29px;
    }
    .cousinade-experience .format-controls,
.cousinade-experience .format-result {
        padding: 29px;
    }
    .cousinade-experience .sim-inputs,
.cousinade-experience .budget {
        padding: 27px;
    }
    .cousinade-experience .invitation-controls {
        padding: 27px;
    }
    .cousinade-experience .invitation-preview {
        padding: 25px;
    }
    .cousinade-experience .planning-top {
        align-items: flex-start;
        flex-direction: column;
    }
    .cousinade-experience .hero-desk {
        height: 390px;
    }
    .cousinade-experience .desk-sticker {
        right: 4px;
    }
    .cousinade-experience .desk-card {
        width: 240px;
    }
    .cousinade-experience .desk-label {
        left: 7px;
        font-size: .6rem;
    }
    .cousinade-experience .hero-copy .actions {
        gap: 12px;
    }
    .cousinade-experience .hero-copy .button {
        font-size: .76rem;
        padding: 13px 16px;
    }
}

@media(max-width:760px) {
    .cousinade-experience .shell {
        width: calc(100% - 40px);
    }
    .cousinade-experience .section {
        padding-block: 57px;
    }
    .cousinade-experience .hero {
        grid-template-columns: 1fr;
        gap: 43px;
        padding-top: 44px;
        padding-bottom: 40px;
    }
    .cousinade-experience .hero-copy {
        max-width: 590px;
    }
    .cousinade-experience .hero h1 {
        font-size: clamp(2.65rem,7vw,3.65rem);
    }
    .cousinade-experience .hero .lede {
        font-size: .94rem;
        margin-top: 23px;
    }
    .cousinade-experience .hero-photo {
        max-width: 520px;
        width: 100%;
        justify-self: center;
    }
    .cousinade-experience .hero-photo>img {
        height: 350px;
        border-radius: 75px 12px 75px 12px;
    }
    .cousinade-experience .hero-photo figcaption {
        margin-left: 0;
    }
    .cousinade-experience .photo-mark {
        right: -9px;
        top: -17px;
        width: 61px;
        height: 61px;
    }
    .cousinade-experience .definition {
        grid-template-columns: 1fr;
        gap: 28px;
        padding-block: 40px 52px;
    }
    .cousinade-experience .definition h2 {
        font-size: 1.95rem;
    }
    .cousinade-experience .definition blockquote {
        font-size: 1.2rem;
        padding-block: 4px;
    }
    .cousinade-experience .format-tool {
        grid-template-columns: 1fr;
    }
    .cousinade-experience .format-result {
        border-left: 0;
        border-top: 1px solid #f1e4d8;
    }
    .cousinade-experience .idea-grid {
        gap: 25px;
        grid-template-columns: 1fr;
    }
    .cousinade-experience .idea {
        display: grid;
        grid-template-columns: 42px 1fr;
        column-gap: 15px;
        padding-top: 20px;
    }
    .cousinade-experience .idea-number {
        grid-row: span 3;
        font-size: 2.2rem;
    }
    .cousinade-experience .idea h3 {
        margin-top: 9px;
    }
    .cousinade-experience .idea p {
        grid-column: 2;
    }
    .cousinade-experience .idea small {
        grid-column: 2;
        margin-top: 15px;
    }
    .cousinade-experience .tools-grid {
        grid-template-columns: 1fr;
    }
    .cousinade-experience .tool-link {
        padding: 25px;
    }
    .cousinade-experience .tool-link .tool-icon {
        margin-bottom: 17px;
    }
    .cousinade-experience .tool-link .text-link {
        margin-top: 0;
    }
    .cousinade-experience .tool-section {
        padding-top: 0;
    }
    .cousinade-experience .faq {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .cousinade-experience .faq h2 {
        max-width: 500px;
    }
    .cousinade-experience .end-cta {
        padding: 38px 25px;
        margin-bottom: 45px;
    }
    .cousinade-experience .end-cta h2 {
        font-size: 2rem;
    }
    .cousinade-experience .end-cta .button {
        font-size: .77rem;
    }
    .cousinade-experience .hero-organise {
        gap: 29px;
    }
    .cousinade-experience .hero-desk {
        height: 365px;
        max-width: 510px;
        width: 100%;
        justify-self: center;
    }
    .cousinade-experience .desk-card {
        height: 295px;
        width: 240px;
        padding-top: 24px;
    }
    .cousinade-experience .desk-card strong {
        font-size: 1.85rem;
        margin: 17px 0;
    }
    .cousinade-experience .card-sun {
        font-size: 30px;
    }
    .cousinade-experience .desk-label {
        bottom: 28px;
        left: 13px;
        font-size: .66rem;
    }
    .cousinade-experience .desk-sticker {
        right: 15px;
        top: 67px;
    }
    .cousinade-experience .section-nav nav {
        gap: 20px;
        flex-wrap: wrap;
        padding-block: 13px;
    }
    .cousinade-experience .section-nav a {
        font-size: .65rem;
        gap: 6px;
    }
    .cousinade-experience .section-nav span {
        max-width: 130px;
    }
    .cousinade-experience .guide-grid {
        gap: 25px;
    }
    .cousinade-experience .guide-grid p {
        font-size: .77rem;
    }
    .cousinade-experience .simulator {
        grid-template-columns: 1fr;
    }
    .cousinade-experience .sim-inputs {
        padding: 25px;
    }
    .cousinade-experience .budget {
        padding: 30px;
    }
    .cousinade-experience .budget-lines {
        max-width: 450px;
    }
    .cousinade-experience .budget-total strong {
        font-size: 2.8rem;
    }
    .cousinade-experience .headcount {
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }
    .cousinade-experience .headcount span {
        max-width: 120px;
    }
    .cousinade-experience .contribution span {
        max-width: 100%;
    }
    .cousinade-experience .invitation-studio {
        grid-template-columns: 1fr;
    }
    .cousinade-experience .invitation-controls {
        padding: 25px;
    }
    .cousinade-experience .invitation-preview {
        border-radius: 0 0 20px 20px;
        padding: 35px;
    }
    .cousinade-experience .invitation-preview img {
        max-width: 330px;
    }
    .cousinade-experience .planning-panel {
        padding: 22px;
    }
    .cousinade-experience .timeline li {
        grid-template-columns: 1fr auto;
        gap: 5px 15px;
        padding-block: 16px;
    }
    .cousinade-experience .timeline time {
        grid-column: 1;
    }
    .cousinade-experience .timeline label {
        grid-row: 2;
        grid-column: 1 / -1;
        font-size: .79rem;
        align-items: flex-start;
    }
    .cousinade-experience .timeline .milestone-status {
        grid-column: 2;
        grid-row: 1;
    }
    .cousinade-experience .timeline label input {
        margin-top: 2px;
    }
    .cousinade-experience .section-intro {
        margin-bottom: 29px;
    }
    .cousinade-experience .hero .eyebrow {
        font-size: .64rem;
    }
    .cousinade-experience .privacy-panel {
        font-size: .7rem;
    }
    .cousinade-experience .hero-free {
        font-size: .69rem;
    }
}

@media(max-width:390px) {
    .cousinade-experience .shell {
        width: calc(100% - 32px);
    }
    .cousinade-experience .nav-tool .icon {
        width: 16px;
    }
    .cousinade-experience .hero h1 {
        font-size: 2.5rem;
    }
    .cousinade-experience .hero-copy .actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
    .cousinade-experience .hero-photo>img {
        height: 290px;
    }
    .cousinade-experience .hero-photo figcaption {
        font-size: .9rem;
    }
    .cousinade-experience .field-pair {
        gap: 0 12px;
    }
    .cousinade-experience .sim-inputs,
.cousinade-experience .invitation-controls {
        padding: 20px;
    }
    .cousinade-experience .format-controls,
.cousinade-experience .format-result {
        padding: 24px;
    }
    .cousinade-experience .field>span {
        font-size: .74rem;
    }
    .cousinade-experience .desk-sticker {
        right: 8px;
        width: 100px;
        font-size: .57rem;
    }
    .cousinade-experience .desk-label {
        left: 5px;
        font-size: .6rem;
    }
    .cousinade-experience .section-nav nav {
        gap: 12px;
    }
    .cousinade-experience .section-nav span {
        max-width: 100px;
    }
    .cousinade-experience .guide-grid {
        grid-template-columns: 1fr;
    }
    .cousinade-experience .headcount strong {
        font-size: 3.9rem;
    }
    .cousinade-experience .planning-top .actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }
}

@media(prefers-reduced-motion:reduce) {
    .cousinade-experience *,
.cousinade-experience *:before,
.cousinade-experience *:after {
        animation: none!important;
        transition: none!important;
    }
}

@media print {
    .cousinade-experience .hero,
.cousinade-experience .section-nav,
.cousinade-experience .guide,
.cousinade-experience .privacy-panel,
.cousinade-experience .download-actions,
.cousinade-experience .examples,
.cousinade-experience .faq,
.cousinade-experience .end-cta,
.cousinade-experience .toast,
.cousinade-experience .planning-top .actions,
.cousinade-experience .print-button,
.cousinade-experience .theme-choices {
        display: none!important;
    }
    .cousinade-experience .shell {
        width: 100%;
    }
    .cousinade-experience .section {
        padding: 20px 0!important;
        background: white!important;
        break-inside: avoid;
    }
    .cousinade-experience .section-intro {
        margin-bottom: 15px;
    }
    .cousinade-experience .section-intro h2 {
        font-size: 22px;
    }
    .cousinade-experience .section-intro p:not(.eyebrow) {
        display: none;
    }
    .cousinade-experience .tool {
        border: 1px solid #aaa;
    }
    .cousinade-experience .simulator {
        grid-template-columns: 1fr 1fr;
    }
    .cousinade-experience .sim-inputs,
.cousinade-experience .budget {
        padding: 18px;
    }
    .cousinade-experience .budget {
        background: #f1f6f8;
        color: #17324d;
        print-color-adjust: exact;
    }
    .cousinade-experience .budget .eyebrow,
.cousinade-experience .budget-sub,
.cousinade-experience .budget-total span,
.cousinade-experience .budget-lines dt,
.cousinade-experience .budget-hint,
.cousinade-experience .contribution span {
        color: #17324d;
    }
    .cousinade-experience .contribution strong {
        color: #17324d;
    }
    .cousinade-experience .budget .button,
.cousinade-experience .validation {
        display: none;
    }
    .cousinade-experience .field {
        margin-bottom: 8px;
    }
    .cousinade-experience .field input {
        padding: 4px!important;
        min-height: 25px!important;
    }
    .cousinade-experience .field-hint {
        font-size: 9px;
        margin-bottom: 10px;
    }
    .cousinade-experience .field span {
        font-size: 10px;
    }
    .cousinade-experience .headcount strong {
        font-size: 48px;
    }
    .cousinade-experience .budget-total strong {
        font-size: 32px;
    }
    .cousinade-experience .budget-total {
        margin-top: 10px;
        padding-block: 12px;
    }
    .cousinade-experience .invitation-studio {
        display: block;
        border: 0;
    }
    .cousinade-experience .invitation-controls {
        display: none;
    }
    .cousinade-experience .invitation-preview {
        background: white;
        padding: 0;
    }
    .cousinade-experience .invitation-preview img {
        width: 65mm;
        transform: none;
        box-shadow: none;
    }
    .cousinade-experience .preview-dimensions {
        display: none;
    }
    .cousinade-experience .timeline li {
        padding-block: 8px;
    }
    .cousinade-experience .planning-panel {
        padding: 16px;
    }
    .cousinade-experience .timeline label {
        font-size: 11px;
    }
    .cousinade-experience .timeline time {
        font-size: 10px;
    }
    .cousinade-experience .section-intro .eyebrow {
        font-size: 9px;
    }
    .cousinade-experience .planning-top {
        margin-bottom: 8px;
    }
    .cousinade-experience .planning-top p {
        font-size: 11px;
    }
    .cousinade-experience {
        font-size: 12px;
    }
    .cousinade-experience #invitations {
        break-before: page;
    }
    .cousinade-experience #planning {
        break-before: page;
    }
}


@media(max-width:760px) {
    .cousinade-experience .mobile-budget {
        position: sticky;
        top: var(--public-sticky-top);
        z-index: 5;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 10px;
        box-shadow: 0 4px 14px #17324d12;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 3px 12px;
        align-items: center;
        padding: 12px 16px;
        margin-bottom: 16px;
        font-size: .65rem;
    }
    .cousinade-experience .mobile-budget strong {
        grid-column: 2;
        grid-row: 1 / 3;
        font-family: "Playfair Display",Georgia,serif;
        font-size: 1.5rem;
        color: var(--ink);
    }
    .cousinade-experience .mobile-budget a {
        font-size: .63rem;
        color: var(--coral-dark);
        text-underline-offset: 3px;
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .cousinade-experience .mobile-budget .icon {
        height: 13px;
        width: 13px;
    }
}

@media print {
    .cousinade-experience .mobile-budget {
        display: none;
    }
}

@media(max-width:760px) { .cousinade-experience .hero-photo > picture img { height:350px; border-radius:75px 12px 75px 12px; } .cousinade-experience #budget-result { scroll-margin-top:100px; } }
@media print { .cousinade-experience .experience-nav,.cousinade-experience .related-guides,.cousinade-experience .product-next,.cousinade-experience .clear-preparations { display:none; } }