body.iec-design{ --iec-brand: #732293; --iec-brand-accent: #9825c5; --iec-ink: #28202e; --iec-text-muted: #62566b; --iec-surface: #fff; --iec-surface-soft: #f3edf7; --iec-surface-subtle: #f8f5fa; --iec-surface-lavender: #f1e9f6; --iec-radius-card: 18px; --iec-radius-card-mobile: 15px; --iec-space-section: 70px; --iec-space-grid: 30px; --iec-font: Poppins,Arial,sans-serif; }
@font-face { font-family: Rubik; src: url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/Rubik-Regular.ttf"); }
@font-face { font-family: Rubik; src: url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/Rubik-Bold.ttf"); font-weight: 700; }
@font-face { font-family: Carlito; src: url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/Carlito-Regular.ttf"); }
@font-face { font-family: Carlito; src: url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/Carlito-Bold.ttf"); font-weight: 700; }
@font-face { font-family: Caladea; src: url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/Caladea-Regular.ttf"); }
@font-face { font-family: Caladea; src: url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/Caladea-Italic.ttf"); font-style: italic; }
body.iec-design *{ box-sizing: border-box; }
html:has(body.iec-design){ scroll-behavior: smooth; scroll-padding-top: 24px; }
body.iec-design{ margin: 0px; color: var(--ink); background: var(--bg); font: 19px / 1.5 Carlito, Arial, sans-serif; --bg: #fff; --ink: #22202a; --muted: #68616d; --purple: #75359b; --soft: #f2edf7; --line: #dcd5e2; --heading: Rubik; --radius: 0px; }
body.iec-design h1,body.iec-design h2,body.iec-design h3,body.iec-design p,body.iec-design :is(figure,.iec-figure){ margin: 0px; }
body.iec-design h1,body.iec-design h2,body.iec-design h3{ font-family: var(--heading),sans-serif; font-weight: 400; line-height: 1.08; letter-spacing: -0.04em; }
body.iec-design h1{ font-size: clamp(50px, 6.7vw, 98px); }
body.iec-design h2{ font-size: clamp(34px, 4vw, 54px); }
body.iec-design h3{ font-size: 25px; letter-spacing: -0.025em; }
body.iec-design p{ max-width: 65ch; }
body.iec-design a{ color: inherit; text-decoration: none; }
body.iec-design button,body.iec-design input,body.iec-design select,body.iec-design textarea{ font: inherit; }
body.iec-design button,body.iec-design a,body.iec-design input,body.iec-design select,body.iec-design textarea,body.iec-design summary{ -webkit-tap-highlight-color: transparent; }
body.iec-design a,body.iec-design button,body.iec-design summary{ touch-action: manipulation; }
body.iec-design button{ cursor: pointer; }
body.iec-design img{ display: block; width: 100%; height: 100%; object-fit: cover; }
body.iec-design svg{ width: 24px; height: 24px; flex-shrink: 0; }
body.iec-design button{ color: inherit; }
body.iec-design a:focus-visible,body.iec-design button:focus-visible,body.iec-design input:focus-visible,body.iec-design select:focus-visible,body.iec-design textarea:focus-visible,body.iec-design summary:focus-visible{ outline: rgb(196, 80, 151) solid 3px; outline-offset: 5px; }
body.iec-design ::selection{ background: rgb(220, 185, 238); color: rgb(36, 20, 45); }
body.iec-design .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
body.iec-design .skip{ position: absolute; top: -100px; background: rgb(255, 255, 255); color: rgb(36, 20, 45); padding: 15px; z-index: 99; }
body.iec-design .skip:focus{ top: 50px; }
body.iec-design .preview-bar{ height: 36px; background: rgb(238, 234, 241); color: rgb(63, 53, 71); display: flex; align-items: center; justify-content: space-between; padding: 0px 4%; font: 13px / 1 Rubik; }
body.iec-design .preview-bar > a{ text-decoration: underline; text-underline-offset: 3px; }
body.iec-design .preview-bar select{ max-width: 175px; border: 0px; background: transparent; color: rgb(63, 53, 71); font-size: 12px; padding: 3px; }
body.iec-design .site-header{ height: 100px; display: flex; align-items: center; justify-content: space-between; padding: 0px 5%; gap: 24px; }
body.iec-design .brand{ display: block; width: 194px; flex-shrink: 0; }
body.iec-design .brand img{ height: auto; object-fit: contain; }
body.iec-design .site-header nav{ display: flex; align-items: center; gap: 32px; font: 15px Rubik; }
body.iec-design .site-header nav > a{ padding: 10px 0px; }
body.iec-design .site-header nav > a.active{ text-decoration: underline 2px; text-underline-offset: 8px; }
body.iec-design .site-header nav .nav-cta{ background: var(--purple); color: rgb(255, 255, 255); padding: 14px 23px; border-radius: var(--radius); }
body.iec-design .menu-toggle{ display: none; }
body.iec-design .button{ display: inline-flex; align-items: center; justify-content: center; gap: 26px; font: 16px Rubik; min-height: 52px; padding: 16px 23px; border: 1px solid transparent; border-radius: var(--radius); }
body.iec-design .button.primary{ background: var(--purple); color: rgb(255, 255, 255); }
body.iec-design .button.secondary{ border-color: var(--line); background: transparent; color: var(--ink); }
body.iec-design .button:hover{ filter: brightness(0.94); }
body.iec-design .actions{ display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
body.iec-design .text-link{ border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor; border-image: none; padding: 0px 0px 6px; background: none; display: inline-flex; align-items: center; gap: 15px; font: 16px Rubik; }
body.iec-design .intro-line{ font: 15px / 1.5 Rubik; letter-spacing: 0px; margin-bottom: 25px; color: var(--purple); }
body.iec-design .hero-copy > p:not(.intro-line){ max-width: 440px; font-size: 21px; margin-top: 28px; color: var(--muted); }
body.iec-design .hero-a{ margin: 0px 5%; display: grid; grid-template-columns: 1fr 1fr; gap: 5%; min-height: 590px; }
body.iec-design .hero-a .hero-copy{ padding: 42px 0px 30px; }
body.iec-design .hero-a h1{ font-weight: 700; font-size: clamp(64px, 6.8vw, 98px); }
body.iec-design .hero-a .hero-photo{ height: 615px; position: relative; overflow: hidden; }
body.iec-design .hero-photo img{ object-position: 50% 30%; }
body.iec-design .hero-photo :is(figcaption,.iec-caption){ position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 25px 30px; background: linear-gradient(transparent, rgba(23, 14, 29, 0.85)); color: rgb(255, 255, 255); font: 20px / 1.35 Rubik; }
body.iec-design .hero-detail{ display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 47px; padding-top: 25px; border-top: 1px solid var(--line); font-size: 16px; color: var(--muted); }
body.iec-design .line-art{ display: grid; place-items: center; width: 52px; height: 52px; color: var(--purple); background: var(--soft); border-radius: 50%; }
body.iec-design .proof{ display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 32px 5%; border-bottom: 1px solid var(--line); font-size: 16px; }
body.iec-design .proof > span{ font-weight: 700; }
body.iec-design .proof > div{ display: flex; gap: 28px; }
body.iec-design .section{ padding: 90px 5%; }
body.iec-design .section-intro{ display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 45px; }
body.iec-design .section-intro > p{ max-width: 420px; color: var(--muted); font-size: 20px; }
body.iec-design .event-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
body.iec-design .event-tile > img{ aspect-ratio: 1.2 / 1; height: auto; border-radius: var(--radius); }
body.iec-design .event-tile > div{ padding: 22px 0px; }
body.iec-design .event-tile p{ color: var(--muted); font-size: 18px; margin: 10px 0px 20px; }
body.iec-design .event-tile span{ font: 14px Rubik; display: flex; gap: 14px; align-items: center; }
body.iec-design .event-tile span svg{ width: 18px; }
body.iec-design .home-services{ background: var(--soft); }
body.iec-design .service-links{ display: grid; grid-template-columns: 1fr 1fr; column-gap: 7%; margin: 15px 0px 30px; }
body.iec-design .service-link{ display: flex; align-items: flex-start; gap: 20px; padding: 25px 0px; border-bottom: 1px solid var(--line); }
body.iec-design .service-link > svg:first-child,body.iec-design .service-link >.iec-svg:first-child svg{ width: 30px; height: 30px; color: var(--purple); }
body.iec-design .service-link > svg:last-child,body.iec-design .service-link >.iec-svg:last-child svg{ margin-left: auto; }
body.iec-design .service-link h3{ font-size: 23px; }
body.iec-design .service-link p{ font-size: 17px; color: var(--muted); max-width: 310px; margin-top: 8px; }
body.iec-design .featured{ display: grid; grid-template-columns: 1.1fr 1fr; gap: 7%; align-items: center; }
body.iec-design .feature-image{ height: 440px; overflow: hidden; border-radius: var(--radius); }
body.iec-design .featured p:not(.intro-line){ color: var(--muted); margin: 25px 0px; }
body.iec-design .process{ border-top: 1px solid var(--line); }
body.iec-design .process :is(ol,.iec-ordered-list){ display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; list-style: none; counter-reset: steps 0; padding: 0px; }
body.iec-design .process :is(li,.iec-list-item){ counter-increment: steps 1; padding-top: 22px; border-top: 1px solid var(--line); }
body.iec-design .process :is(li,.iec-list-item)::before{ content: counter(steps, decimal-leading-zero); display: block; font-size: 16px; color: var(--purple); margin-bottom: 22px; }
body.iec-design .process :is(li,.iec-list-item) p{ font-size: 18px; color: var(--muted); margin-top: 14px; }
body.iec-design .closing{ display: flex; align-items: center; justify-content: space-between; gap: 40px; background: var(--soft); padding: 65px 5%; }
body.iec-design .closing p{ color: var(--muted); margin-top: 20px; }
body.iec-design .site-footer{ padding: 60px 5% 40px; display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 30px; font-size: 16px; border-top: 1px solid var(--line); }
body.iec-design .site-footer > div > a{ display: block; margin-bottom: 8px; }
body.iec-design .site-footer > div > p:first-child{ font-weight: 700; margin-bottom: 10px; }
body.iec-design .preview-note{ font-size: 13px; color: var(--muted); }
body.iec-design .inner-hero{ padding: 45px 5% 70px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 7%; align-items: center; }
body.iec-design .inner-hero h1{ font-size: clamp(48px, 5.7vw, 82px); }
body.iec-design .inner-hero p:not(.intro-line){ font-size: 21px; color: var(--muted); margin: 24px 0px; max-width: 470px; }
body.iec-design .inner-photo{ height: 440px; border-radius: var(--radius); }
body.iec-design .category-jump{ display: flex; flex-wrap: wrap; gap: 12px 26px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 20px 0px; font-size: 16px; margin-bottom: 50px; }
body.iec-design .category-jump a{ border-bottom: 1px solid transparent; }
body.iec-design .category-jump a:hover{ border-color: currentcolor; }
body.iec-design .service-detail{ display: grid; grid-template-columns: 1fr 1fr; gap: 8%; padding: 45px 0px; border-bottom: 1px solid var(--line); align-items: center; scroll-margin-top: 30px; }
body.iec-design .service-detail:nth-child(2n) .service-detail-image{ order: 2; }
body.iec-design .service-detail-image{ height: 350px; overflow: hidden; border-radius: var(--radius); }
body.iec-design .service-detail-copy > svg,body.iec-design .service-detail-copy >.iec-svg svg{ width: 36px; height: 36px; color: var(--purple); margin-bottom: 18px; }
body.iec-design .service-detail-copy h2{ font-size: 38px; }
body.iec-design .service-detail-copy > p{ color: var(--muted); margin: 20px 0px; }
body.iec-design .service-detail :is(ul,.iec-list){ list-style: none; padding: 0px; margin: 0px 0px 25px; }
body.iec-design .service-detail :is(li,.iec-list-item){ display: flex; gap: 12px; align-items: center; font-size: 18px; margin: 10px 0px; }
body.iec-design .service-detail :is(li,.iec-list-item) svg{ width: 18px; height: 18px; color: var(--purple); }
body.iec-design .faq{ display: grid; grid-template-columns: 1fr 1.2fr; gap: 7%; background: var(--soft); }
body.iec-design .faq .section-intro{ display: block; }
body.iec-design .faq .section-intro p{ margin-top: 22px; }
body.iec-design .faq details{ padding: 23px 0px; border-bottom: 1px solid var(--line); }
body.iec-design .faq summary{ list-style: none; display: flex; justify-content: space-between; gap: 20px; font-family: Rubik; font-size: 18px; cursor: pointer; }
body.iec-design .faq summary::-webkit-details-marker{ display: none; }
body.iec-design .faq details p{ margin-top: 20px; color: var(--muted); }
body.iec-design .faq details[open] summary > span{ transform: rotate(45deg); }
body.iec-design .work-intro{ padding: 50px 5% 70px; max-width: 1060px; }
body.iec-design .work-intro h1{ font-size: clamp(56px, 7vw, 104px); }
body.iec-design .work-intro > p:last-child{ font-size: 22px; color: var(--muted); max-width: 570px; margin-top: 26px; }
body.iec-design .work-tools{ display: flex; justify-content: space-between; gap: 25px; align-items: center; margin-bottom: 40px; }
body.iec-design .work-tools h2{ font-size: 29px; }
body.iec-design .work-section{ padding-top: 25px; }
body.iec-design .filters{ display: flex; flex-wrap: wrap; gap: 8px; }
body.iec-design .filters button{ border: 1px solid var(--line); background: none; padding: 9px 15px; font-size: 16px; color: var(--ink); border-radius: var(--radius); }
body.iec-design .filters button.selected{ background: var(--purple); border-color: var(--purple); color: rgb(255, 255, 255); }
body.iec-design .work-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 60px 30px; }
body.iec-design .project[hidden]{ display: none !important; }
body.iec-design .project-open{ border: 0px; padding: 0px; background: none; display: block; width: 100%; position: relative; overflow: hidden; border-radius: var(--radius); }
body.iec-design .project-open img{ height: 370px; transition: transform 0.3s; }
body.iec-design .project-open:hover img{ transform: scale(1.025); }
body.iec-design .project-overlay{ position: absolute; bottom: 16px; right: 16px; background: rgb(255, 255, 255); color: rgb(36, 20, 45); padding: 10px 14px; display: flex; align-items: center; gap: 20px; font-size: 14px; }
body.iec-design .project-caption{ padding-top: 20px; }
body.iec-design .project-caption > p:first-child{ font-size: 15px; color: var(--purple); margin-bottom: 10px; }
body.iec-design .project-caption h2{ font-size: 32px; }
body.iec-design .project-caption > p:not(:first-child){ margin: 15px 0px; color: var(--muted); }
body.iec-design .project-caption > .text-link{ font-size: 14px; }
body.iec-design .team-story{ display: grid; grid-template-columns: 1fr 1fr; gap: 7%; align-items: center; background: var(--soft); }
body.iec-design .team-story img{ height: 380px; border-radius: var(--radius); }
body.iec-design .team-story p{ margin: 25px 0px; color: var(--muted); }
body.iec-design dialog{ border: 0px; padding: 0px; width: min(900px, 92vw); max-height: 90vh; background: var(--bg); color: var(--ink); overflow: auto; border-radius: var(--radius); }
body.iec-design dialog::backdrop{ background: rgba(20, 12, 27, 0.8); }
body.iec-design dialog > img{ max-height: 480px; object-fit: contain; background: rgb(33, 23, 41); }
body.iec-design .dialog-copy{ padding: 35px; }
body.iec-design .dialog-copy h2{ font-size: 38px; margin: 12px 0px 20px; }
body.iec-design .dialog-copy p{ margin-bottom: 20px; }
body.iec-design .dialog-close{ position: absolute; right: 10px; top: 10px; border: 0px; background: rgb(255, 255, 255); color: rgb(36, 20, 45); padding: 10px 15px; z-index: 2; }
body.iec-design .small{ font-size: 14px; color: var(--muted); }
body.iec-design .enquiry-layout{ display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 8%; padding: 45px 5% 95px; }
body.iec-design .enquiry-story h1{ font-size: clamp(56px, 6vw, 88px); }
body.iec-design .enquiry-story > p:not(.intro-line){ color: var(--muted); font-size: 21px; margin-top: 25px; max-width: 440px; }
body.iec-design .enquiry-image{ height: 280px; margin-top: 35px; border-radius: var(--radius); }
body.iec-design .contact-note{ margin-top: 30px; padding-top: 25px; border-top: 1px solid var(--line); }
body.iec-design .contact-note h3{ font-size: 23px; }
body.iec-design .contact-note p{ font-size: 18px; margin: 13px 0px 23px; color: var(--muted); }
body.iec-design .form-panel{ background: var(--soft); padding: 35px; border-radius: var(--radius); }
body.iec-design .form-panel h2{ font-size: 32px; }
body.iec-design .form-intro{ font-size: 18px; color: var(--muted); margin: 15px 0px 30px; }
body.iec-design .form-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
body.iec-design form label{ display: block; font-size: 16px; margin-bottom: 22px; }
body.iec-design form label > span[aria-hidden]{ color: var(--purple); }
body.iec-design input:not([type="checkbox"]),body.iec-design select,body.iec-design textarea{ display: block; width: 100%; padding: 13px 12px; margin-top: 8px; border: 1px solid var(--line); background: var(--bg); color: var(--ink); border-radius: 4px; min-width: 0px; }
body.iec-design input::placeholder,body.iec-design textarea::placeholder{ color: var(--muted); opacity: 1; }
body.iec-design fieldset{ margin: 0px 0px 18px; padding: 0px; border: 0px; }
body.iec-design legend{ font-size: 17px; margin-bottom: 15px; }
body.iec-design .check-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
body.iec-design .check-grid label{ display: flex; align-items: center; gap: 9px; margin: 0px; font-size: 15px; }
body.iec-design .check-grid input{ width: 18px; height: 18px; accent-color: var(--purple); flex-shrink: 0; }
body.iec-design .form-panel form > .small{ margin-bottom: 20px; }
body.iec-design .brief-result{ background: var(--bg); padding: 24px; border-left: 3px solid var(--purple); margin-top: 25px; overflow-wrap: anywhere; }
body.iec-design .brief-result h3{ font-size: 24px; margin-bottom: 12px; }
body.iec-design .brief-result p{ margin: 9px 0px; font-size: 17px; }
body.iec-design.b{ --bg: #24142d; --ink: #fff; --muted: #c9bdce; --purple: #d9b4f2; --soft: #33203f; --line: #624c6c; --radius: 0px; }
body.iec-design .b .preview-bar{ background: rgb(75, 51, 88); color: rgb(255, 255, 255); }
body.iec-design .b .preview-bar select{ color: rgb(255, 255, 255); }
body.iec-design .b .preview-bar option{ color: rgb(36, 20, 45); }
body.iec-design .b .button.primary,body.iec-design .b .site-header nav .nav-cta,body.iec-design .b .filters button.selected{ background: rgb(217, 180, 242); color: rgb(36, 20, 45); }
body.iec-design .b .site-header{ height: 95px; }
body.iec-design .hero-b{ position: relative; min-height: 665px; display: flex; align-items: center; overflow: hidden; }
body.iec-design .hero-b .hero-bg{ position: absolute; inset: 0px; object-position: center 45%; }
body.iec-design .hero-b::after{ content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(26, 10, 35, 0.92), rgba(26, 10, 35, 0.45) 65%, rgba(26, 10, 35, 0.12)), linear-gradient(0deg, rgba(26, 10, 35, 0.8), transparent 40%); }
body.iec-design .hero-b .hero-copy{ position: relative; z-index: 1; padding: 60px 6% 110px; width: 100%; }
body.iec-design .hero-b h1{ font-weight: 400; font-size: clamp(58px, 7.1vw, 106px); max-width: 900px; letter-spacing: -0.05em; }
body.iec-design .hero-b .hero-copy > p:not(.intro-line){ color: rgb(240, 232, 243); max-width: 470px; }
body.iec-design .hero-b .button.secondary{ color: rgb(255, 255, 255); border-color: rgb(187, 155, 200); }
body.iec-design .hero-bottom{ position: absolute; bottom: 26px; left: 6%; right: 6%; display: flex; justify-content: space-between; z-index: 1; font-size: 15px; color: rgb(231, 216, 237); }
body.iec-design .hero-bottom a{ display: flex; gap: 14px; align-items: center; }
body.iec-design .b .proof{ padding-top: 25px; padding-bottom: 25px; }
body.iec-design .b .event-tile{ position: relative; min-height: 400px; overflow: hidden; }
body.iec-design .b .event-tile > img{ height: 400px; aspect-ratio: auto; opacity: 0.7; }
body.iec-design .b .event-tile > div{ position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 65px 24px 24px; background: linear-gradient(transparent, rgba(25, 9, 34, 0.96)); }
body.iec-design .b .event-tile p{ color: rgb(230, 215, 237); }
body.iec-design .b .event-tile h3{ font-size: 29px; }
body.iec-design .b .home-services{ background: rgb(43, 24, 53); }
body.iec-design .b .featured{ grid-template-columns: 1.4fr 1fr; }
body.iec-design .b .feature-image{ height: 560px; }
body.iec-design .b .process{ background: rgb(36, 20, 45); }
body.iec-design .b .inner-hero{ padding-top: 30px; padding-bottom: 65px; }
body.iec-design .b .inner-photo{ height: 510px; }
body.iec-design .b .service-detail{ padding: 65px 0px; grid-template-columns: 1.2fr 1fr; }
body.iec-design .b .service-detail-image{ height: 420px; }
body.iec-design .b .service-detail-copy h2{ font-size: 45px; }
body.iec-design .b .work-intro{ padding-top: 65px; padding-bottom: 80px; }
body.iec-design .b .work-grid{ grid-template-columns: 1fr; gap: 70px; }
body.iec-design .b .project{ position: relative; min-height: 570px; }
body.iec-design .b .project-open img{ height: 570px; }
body.iec-design .b .project-open::after{ content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(22, 8, 30, 0.94), transparent 75%); pointer-events: none; }
body.iec-design .b .project-caption{ position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 35px; pointer-events: none; }
body.iec-design .b .project-caption > .text-link{ pointer-events: auto; }
body.iec-design .b .project-caption h2{ font-size: 48px; }
body.iec-design .b .project-caption > p{ color: rgb(240, 232, 243); max-width: 560px; }
body.iec-design .b .project-overlay{ top: 20px; bottom: auto; z-index: 1; }
body.iec-design .b .enquiry-layout{ grid-template-columns: 0.9fr 1.1fr; }
body.iec-design .b .enquiry-image{ height: 400px; }
body.iec-design .b .form-panel{ background: rgb(51, 32, 63); }
body.iec-design .b input:not([type="checkbox"]),body.iec-design .b select,body.iec-design .b textarea{ background: rgb(41, 23, 49); }
body.iec-design .b .closing{ background: rgb(61, 36, 76); }
body.iec-design .b .site-footer{ background: rgb(29, 15, 37); }
body.iec-design.c{ --bg: #fbfafe; --ink: #30213b; --muted: #6c5d76; --purple: #69378b; --soft: #ede5f5; --line: #d4c5df; --heading: Caladea; --radius: 28px; }
body.iec-design .c .site-header{ height: 110px; }
body.iec-design .c .site-header nav .nav-cta{ border-radius: 40px; }
body.iec-design .c .button{ border-radius: 40px; }
body.iec-design .hero-c{ display: grid; grid-template-columns: 1fr 1.05fr; gap: 4%; padding: 40px 6% 65px; min-height: 590px; align-items: center; }
body.iec-design .hero-c h1{ font-size: clamp(64px, 7.4vw, 108px); letter-spacing: -0.05em; }
body.iec-design .hero-c .hero-copy{ padding-bottom: 30px; }
body.iec-design .hero-c .hero-copy > p:not(.intro-line){ max-width: 380px; }
body.iec-design .image-pair{ position: relative; height: 540px; padding-left: 15%; }
body.iec-design .pair-main{ height: 460px; width: 88%; border-radius: 200px 200px 28px 28px; overflow: hidden; }
body.iec-design .pair-main img{ object-position: 48% center; }
body.iec-design .pair-small{ position: absolute; bottom: 0px; right: 0px; width: 45%; height: 250px; border: 8px solid var(--bg); border-radius: 140px 140px 10px 10px; overflow: hidden; }
body.iec-design .pair-small img{ height: 100%; }
body.iec-design .pair-small :is(figcaption,.iec-caption){ position: absolute; bottom: 10px; left: 0px; right: 0px; text-align: center; color: rgb(255, 255, 255); background: rgb(75, 43, 91); padding: 6px; font-size: 15px; }
body.iec-design .c .proof{ background: var(--soft); border: 0px; }
body.iec-design .c .event-tile:nth-child(2){ padding-top: 55px; }
body.iec-design .c .event-tile img{ border-radius: 170px 170px 20px 20px; aspect-ratio: 0.95 / 1; }
body.iec-design .c .event-tile h3{ font-size: 34px; }
body.iec-design .c .event-tile span{ font-family: Carlito; font-size: 18px; }
body.iec-design .c .home-services{ background: rgb(245, 239, 248); }
body.iec-design .c .service-link h3{ font-size: 30px; }
body.iec-design .c .featured{ grid-template-columns: 1fr 1fr; }
body.iec-design .c .feature-image{ border-radius: 220px 220px 25px 25px; height: 490px; }
body.iec-design .c .process :is(li,.iec-list-item) h3{ font-size: 30px; }
body.iec-design .c .closing{ border-radius: 60px 60px 0px 0px; background: rgb(233, 223, 242); }
body.iec-design .c .inner-hero h1{ font-size: clamp(60px, 6.7vw, 96px); }
body.iec-design .c .inner-photo{ border-radius: 220px 220px 25px 25px; height: 480px; }
body.iec-design .c .service-detail-image{ border-radius: 180px 180px 20px 20px; height: 400px; }
body.iec-design .c .service-detail-copy h2{ font-size: 49px; }
body.iec-design .c .service-detail{ padding: 60px 0px; }
body.iec-design .c .work-intro{ text-align: center; margin: auto; padding-top: 55px; }
body.iec-design .c .work-intro > p:last-child{ margin: 25px auto 0px; }
body.iec-design .c .work-grid{ gap: 70px 45px; }
body.iec-design .c .project:nth-child(2n){ margin-top: 80px; }
body.iec-design .c .project-open{ border-radius: 180px 180px 24px 24px; }
body.iec-design .c .project-open img{ height: 460px; }
body.iec-design .c .project-caption h2{ font-size: 40px; }
body.iec-design .c .project-overlay{ border-radius: 40px; }
body.iec-design .c .enquiry-layout{ padding-top: 50px; }
body.iec-design .c .enquiry-story h1{ font-size: 100px; }
body.iec-design .c .enquiry-image{ border-radius: 200px 200px 20px 20px; height: 330px; }
body.iec-design .c .form-panel{ padding: 40px; border-radius: 32px; }
body.iec-design .c .form-panel h2{ font-size: 40px; }
body.iec-design .c input:not([type="checkbox"]),body.iec-design .c select,body.iec-design .c textarea{ border-radius: 10px; }
body.iec-design .c .form-intro{ font-size: 20px; }
body.iec-design.d{ --bg: #fff; --ink: #233052; --muted: #5d6272; --purple: #6331b4; --soft: #e9ddf9; --line: #cfc6dd; --radius: 12px; }
body.iec-design .d h1,body.iec-design .d h2,body.iec-design .d h3{ font-weight: 700; letter-spacing: -0.05em; }
body.iec-design .d .site-header{ background: rgb(255, 255, 255); }
body.iec-design .hero-d{ background: rgb(99, 49, 180); color: rgb(255, 255, 255); display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 3%; padding: 55px 5% 70px; min-height: 610px; }
body.iec-design .hero-d h1{ font-size: clamp(68px, 7.7vw, 112px); line-height: 0.98; }
body.iec-design .hero-d .intro-line{ color: rgb(238, 223, 255); font-size: 15px; }
body.iec-design .hero-d .hero-copy > p:not(.intro-line){ color: rgb(242, 234, 250); max-width: 410px; }
body.iec-design .hero-d .primary{ background: rgb(255, 186, 162); color: rgb(50, 33, 61); }
body.iec-design .hero-d .secondary{ border-color: rgb(197, 164, 239); color: rgb(255, 255, 255); }
body.iec-design .collage{ position: relative; height: 500px; }
body.iec-design .collage-large{ position: absolute; left: 5%; top: 20px; width: 92%; height: 330px; transform: rotate(4deg); border: 8px solid rgb(255, 255, 255); border-radius: 14px; overflow: hidden; }
body.iec-design .collage-small{ position: absolute; width: 52%; height: 225px; left: 0px; bottom: 0px; border: 7px solid rgb(255, 186, 162); border-radius: 10px; transform: rotate(-7deg); overflow: hidden; }
body.iec-design .collage-note{ position: absolute; right: 0px; bottom: 5px; padding: 24px 19px; background: rgb(216, 204, 245); color: rgb(50, 33, 61); transform: rotate(4deg); font: 22px / 1.2 Rubik; border-radius: 10px; }
body.iec-design .d .proof{ background: rgb(255, 186, 162); color: rgb(50, 33, 61); border: 0px; }
body.iec-design .d .event-grid{ gap: 20px; }
body.iec-design .d .event-tile{ background: rgb(240, 233, 250); border-radius: 16px; overflow: hidden; }
body.iec-design .d .event-tile:nth-child(2){ background: rgb(252, 231, 223); }
body.iec-design .d .event-tile:nth-child(3){ background: rgb(230, 237, 249); }
body.iec-design .d .event-tile > div{ padding: 25px; }
body.iec-design .d .event-tile > img{ border-radius: 0px; aspect-ratio: 1.25 / 1; }
body.iec-design .d .event-tile h3{ font-size: 29px; }
body.iec-design .d .service-links{ grid-template-columns: repeat(3, 1fr); gap: 20px; }
body.iec-design .d .service-link{ display: flex; flex-direction: column; gap: 20px; padding: 25px; background: rgb(255, 255, 255); border: 0px; border-radius: 14px; min-height: 230px; }
body.iec-design .d .service-link > svg:last-child,body.iec-design .d .service-link >.iec-svg:last-child svg{ display: none; }
body.iec-design .d .service-link h3{ font-size: 25px; }
body.iec-design .d .service-link > svg:first-child,body.iec-design .d .service-link >.iec-svg:first-child svg{ width: 38px; height: 38px; }
body.iec-design .d .featured{ background: rgb(35, 60, 117); color: rgb(255, 255, 255); }
body.iec-design .d .featured p{ color: rgb(228, 234, 251); }
body.iec-design .d .featured .secondary{ color: rgb(255, 255, 255); border-color: rgb(129, 148, 188); }
body.iec-design .d .feature-image{ transform: rotate(-2deg); border: 6px solid rgb(255, 255, 255); height: 410px; }
body.iec-design .d .process :is(ol,.iec-ordered-list){ gap: 24px; }
body.iec-design .d .process :is(li,.iec-list-item){ background: var(--soft); padding: 30px; border: 0px; border-radius: 14px; }
body.iec-design .d .process :is(li,.iec-list-item):nth-child(2){ background: rgb(252, 231, 223); }
body.iec-design .d .process :is(li,.iec-list-item):nth-child(3){ background: rgb(230, 237, 249); }
body.iec-design .d .closing{ background: rgb(99, 49, 180); color: rgb(255, 255, 255); }
body.iec-design .d .closing p{ color: rgb(240, 228, 255); }
body.iec-design .d .closing .primary{ background: rgb(255, 186, 162); color: rgb(50, 33, 61); }
body.iec-design .d .site-footer{ background: rgb(35, 60, 117); color: rgb(255, 255, 255); border: 0px; }
body.iec-design .d .site-footer .preview-note{ color: rgb(220, 228, 250); }
body.iec-design .d .inner-hero{ background: rgb(233, 221, 249); padding: 55px 5%; grid-template-columns: 1.1fr 1fr; }
body.iec-design .d .inner-hero h1{ font-size: clamp(55px, 6.2vw, 88px); }
body.iec-design .d .inner-photo{ height: 400px; transform: rotate(3deg); border: 7px solid rgb(255, 255, 255); }
body.iec-design .d .service-details{ display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
body.iec-design .d .service-detail{ display: flex; flex-direction: column; gap: 0px; background: rgb(241, 235, 249); border: 0px; padding: 0px; align-items: stretch; border-radius: 15px; overflow: hidden; }
body.iec-design .d .service-detail:nth-child(2n){ background: rgb(252, 238, 231); }
body.iec-design .d .service-detail:nth-child(2n) .service-detail-image{ order: 0; }
body.iec-design .d .service-detail-image{ height: 300px; border-radius: 0px; }
body.iec-design .d .service-detail-copy{ padding: 30px; }
body.iec-design .d .service-detail-copy h2{ font-size: 33px; }
body.iec-design .d .work-intro{ max-width: none; background: rgb(35, 60, 117); color: rgb(255, 255, 255); padding-top: 55px; }
body.iec-design .d .work-intro p{ color: rgb(225, 233, 250) !important; }
body.iec-design .d .work-intro h1{ font-size: clamp(65px, 8vw, 115px); }
body.iec-design .d .work-section{ padding-top: 50px; }
body.iec-design .d .work-grid{ grid-template-columns: repeat(3, 1fr); gap: 35px 25px; }
body.iec-design .d .project:first-child{ grid-column: span 2; }
body.iec-design .d .project-open img{ height: 330px; }
body.iec-design .d .project-caption h2{ font-size: 30px; }
body.iec-design .d .project-caption p{ font-size: 17px; }
body.iec-design .d .project-overlay{ left: 12px; right: auto; border-radius: 8px; }
body.iec-design .d .project-caption > .text-link{ font-family: Carlito; font-size: 17px; }
body.iec-design .d .team-story{ background: rgb(255, 227, 216); }
body.iec-design .d .enquiry-layout{ background: rgb(244, 239, 251); gap: 5%; }
body.iec-design .d .enquiry-story{ background: rgb(99, 49, 180); color: rgb(255, 255, 255); padding: 35px; border-radius: 18px; }
body.iec-design .d .enquiry-story > p,body.iec-design .d .enquiry-story .intro-line,body.iec-design .d .contact-note p{ color: rgb(240, 230, 252) !important; }
body.iec-design .d .enquiry-story h1{ font-size: clamp(60px, 6vw, 90px); }
body.iec-design .d .contact-note{ border-color: rgb(160, 123, 208); }
body.iec-design .d .contact-note h3{ font-size: 25px; }
body.iec-design .d .enquiry-image{ height: 265px; }
body.iec-design .d .form-panel{ background: rgb(255, 255, 255); padding: 35px; }
body.iec-design .d .form-panel h2{ font-size: 35px; }
@media (min-width: 1500px) {
  body.iec-design .site-header,body.iec-design .section,body.iec-design .closing,body.iec-design .site-footer,body.iec-design .proof,body.iec-design .inner-hero,body.iec-design .work-intro,body.iec-design .enquiry-layout{ padding-left: max(5%, -690px + 50vw); padding-right: max(5%, -690px + 50vw); }
  body.iec-design .hero-a{ max-width: 1380px; margin: auto; }
}
@media (max-width: 950px) {
  body.iec-design h1{ font-size: 64px; }
  body.iec-design .site-header nav{ gap: 20px; }
  body.iec-design .brand{ width: 170px; }
  body.iec-design .hero-a{ gap: 4%; min-height: 530px; }
  body.iec-design .hero-a h1{ font-size: 68px; }
  body.iec-design .hero-a .hero-photo{ height: 580px; }
  body.iec-design .hero-a .hero-copy{ padding-top: 25px; }
  body.iec-design .hero-copy > p:not(.intro-line){ font-size: 20px; }
  body.iec-design .hero-a .actions{ flex-direction: column; align-items: flex-start; }
  body.iec-design .hero-detail{ margin-top: 30px; }
  body.iec-design .section{ padding-top: 65px; padding-bottom: 65px; }
  body.iec-design .section-intro{ gap: 30px; }
  body.iec-design .section-intro > p{ max-width: 340px; }
  body.iec-design .hero-c{ grid-template-columns: 1fr 1fr; padding-left: 5%; padding-right: 5%; }
  body.iec-design .hero-c h1{ font-size: 76px; }
  body.iec-design .image-pair{ height: 450px; padding-left: 0px; }
  body.iec-design .pair-main{ height: 390px; }
  body.iec-design .pair-small{ height: 220px; width: 48%; }
  body.iec-design .hero-d h1{ font-size: 80px; }
  body.iec-design .collage{ height: 430px; }
  body.iec-design .collage-large{ height: 290px; }
  body.iec-design .collage-small{ height: 180px; }
  body.iec-design .collage-note{ font-size: 18px; }
  body.iec-design .work-tools{ align-items: flex-start; flex-direction: column; }
  body.iec-design .enquiry-layout{ gap: 5%; grid-template-columns: 1fr 1.1fr; }
  body.iec-design .form-panel,body.iec-design .c .form-panel,body.iec-design .d .form-panel{ padding: 25px; }
  body.iec-design .form-row{ grid-template-columns: 1fr; gap: 0px; }
  body.iec-design .check-grid{ grid-template-columns: 1fr; }
  body.iec-design .site-footer{ grid-template-columns: 1fr 1fr; }
  body.iec-design .inner-hero{ gap: 5%; }
  body.iec-design .d .work-grid{ grid-template-columns: 1fr 1fr; }
  body.iec-design .d .project:first-child{ grid-column: span 2; }
  body.iec-design .d .service-details{ gap: 20px; }
  body.iec-design .d .service-detail-copy{ padding: 25px; }
  body.iec-design .d .service-detail-copy h2{ font-size: 29px; }
  body.iec-design .d .service-links{ grid-template-columns: 1fr 1fr; }
  body.iec-design .service-detail-copy h2{ font-size: 33px; }
}
@media (max-width: 680px) {
  body.iec-design{ font-size: 18px; }
  body.iec-design .preview-bar{ height: 36px; padding: 0px 5%; font-size: 11px; }
  body.iec-design .preview-bar > span{ display: none; }
  body.iec-design .preview-bar select{ font-size: 11px; max-width: 155px; }
  body.iec-design .site-header,body.iec-design .b .site-header,body.iec-design .c .site-header{ height: 82px; position: relative; z-index: 10; }
  body.iec-design .brand{ width: 155px; }
  body.iec-design .menu-toggle{ display: flex; align-items: center; gap: 12px; background: transparent; border: 1px solid var(--line); padding: 9px 12px; border-radius: 6px; font: 14px Rubik; }
  body.iec-design .site-header nav{ display: none; position: absolute; top: 82px; left: 0px; right: 0px; background: var(--bg); padding: 24px 5%; box-shadow: rgba(0, 0, 0, 0.133) 0px 10px 20px; border-top: 1px solid var(--line); flex-direction: column; align-items: stretch; gap: 12px; }
  body.iec-design .site-header.menu-open nav{ display: flex; }
  body.iec-design .site-header nav > a{ padding: 12px !important; }
  body.iec-design .site-header nav .nav-cta{ text-align: center; }
  body.iec-design .intro-line{ font-size: 13px; margin-bottom: 20px; }
  body.iec-design .hero-a{ display: flex; flex-direction: column; margin: 0px; gap: 0px; }
  body.iec-design .hero-a .hero-copy{ padding: 30px 6%; }
  body.iec-design .hero-a h1{ font-size: 64px; }
  body.iec-design .hero-copy > p:not(.intro-line){ font-size: 20px; margin-top: 22px; }
  body.iec-design .actions{ gap: 10px; margin-top: 25px; }
  body.iec-design .button{ font-size: 14px; min-height: 50px; padding: 14px 18px; gap: 16px; }
  body.iec-design .hero-a .actions{ flex-direction: row; align-items: stretch; }
  body.iec-design .hero-detail{ margin-top: 25px; padding-top: 20px; font-size: 14px; }
  body.iec-design .hero-a .hero-photo{ height: 390px; margin: 0px 5% 25px; }
  body.iec-design .hero-photo :is(figcaption,.iec-caption){ padding: 25px; font-size: 18px; }
  body.iec-design .proof{ padding: 23px 6%; flex-direction: column; align-items: flex-start; gap: 12px; }
  body.iec-design .proof > div{ flex-wrap: wrap; gap: 8px 18px; font-size: 14px; }
  body.iec-design .section{ padding: 55px 6%; }
  body.iec-design .section-intro{ display: block; margin-bottom: 30px; }
  body.iec-design .section-intro > p{ margin-top: 22px; max-width: 100%; font-size: 19px; }
  body.iec-design h2{ font-size: 37px; }
  body.iec-design .event-grid{ grid-template-columns: 1fr; gap: 25px; }
  body.iec-design .event-tile > img{ aspect-ratio: 1.3 / 1; }
  body.iec-design .event-tile > div{ padding: 18px 0px; }
  body.iec-design .service-links{ grid-template-columns: 1fr; }
  body.iec-design .service-link{ padding: 22px 0px; gap: 15px; }
  body.iec-design .service-link p{ max-width: 100%; }
  body.iec-design .featured{ grid-template-columns: 1fr; gap: 35px; }
  body.iec-design .feature-image{ height: 320px; }
  body.iec-design .process :is(ol,.iec-ordered-list){ grid-template-columns: 1fr; gap: 30px; }
  body.iec-design .process :is(li,.iec-list-item) p{ max-width: 100%; }
  body.iec-design .closing{ padding: 45px 6%; align-items: flex-start; flex-direction: column; gap: 27px; }
  body.iec-design .site-footer{ padding: 40px 6%; grid-template-columns: 1fr 1fr; gap: 35px 20px; font-size: 15px; }
  body.iec-design .site-footer > .brand{ grid-column: span 2; }
  body.iec-design .preview-note{ font-size: 12px; }
  body.iec-design .hero-b{ min-height: 660px; }
  body.iec-design .hero-b .hero-copy{ padding: 50px 6% 130px; }
  body.iec-design .hero-b h1{ font-size: 59px; }
  body.iec-design .hero-b .hero-copy > p:not(.intro-line){ font-size: 20px; }
  body.iec-design .hero-b .hero-bg{ object-position: 54% center; }
  body.iec-design .hero-b::after{ background: linear-gradient(90deg, rgba(26, 10, 35, 0.91), rgba(26, 10, 35, 0.5)), linear-gradient(0deg, rgba(26, 10, 35, 0.733), transparent); }
  body.iec-design .hero-bottom{ font-size: 13px; }
  body.iec-design .hero-bottom a{ gap: 7px; }
  body.iec-design .b .event-tile,body.iec-design .b .event-tile > img{ min-height: 370px; height: 370px; }
  body.iec-design .b .featured{ grid-template-columns: 1fr; }
  body.iec-design .b .feature-image{ height: 390px; }
  body.iec-design .hero-c{ display: block; padding: 35px 6% 45px; }
  body.iec-design .hero-c h1{ font-size: 70px; }
  body.iec-design .hero-c .hero-copy{ padding: 0px; }
  body.iec-design .hero-c .hero-copy > p:not(.intro-line){ max-width: 100%; }
  body.iec-design .image-pair{ height: 390px; margin-top: 40px; padding-left: 6%; }
  body.iec-design .pair-main{ width: 82%; height: 350px; border-radius: 170px 170px 20px 20px; }
  body.iec-design .pair-small{ height: 210px; width: 45%; border-width: 6px; }
  body.iec-design .c .event-tile:nth-child(2){ padding-top: 0px; }
  body.iec-design .c .event-tile img{ aspect-ratio: 1.1 / 1; border-radius: 160px 160px 18px 18px; }
  body.iec-design .c .featured{ grid-template-columns: 1fr; }
  body.iec-design .c .feature-image{ height: 360px; }
  body.iec-design .hero-d{ display: block; padding: 35px 6% 45px; min-height: auto; }
  body.iec-design .hero-d h1{ font-size: 73px; }
  body.iec-design .hero-d .hero-copy > p:not(.intro-line){ font-size: 20px; }
  body.iec-design .collage{ height: 360px; margin-top: 35px; }
  body.iec-design .collage-large{ top: 10px; left: 7%; width: 90%; height: 240px; border-width: 5px; }
  body.iec-design .collage-small{ height: 170px; width: 52%; border-width: 5px; }
  body.iec-design .collage-note{ font-size: 17px; padding: 20px 13px; bottom: 0px; }
  body.iec-design .d .event-tile > div{ padding: 22px; }
  body.iec-design .d .service-links{ grid-template-columns: 1fr; }
  body.iec-design .d .service-link{ min-height: auto; flex-direction: row; padding: 23px; gap: 18px; }
  body.iec-design .d .service-link h3{ font-size: 24px; }
  body.iec-design .d .feature-image{ height: 300px; }
  body.iec-design .inner-hero,body.iec-design .b .inner-hero,body.iec-design .c .inner-hero,body.iec-design .d .inner-hero{ display: flex; flex-direction: column; padding: 35px 6% 45px; gap: 35px; align-items: stretch; }
  body.iec-design .inner-hero h1,body.iec-design .c .inner-hero h1,body.iec-design .d .inner-hero h1{ font-size: 57px; }
  body.iec-design .inner-hero p:not(.intro-line){ font-size: 20px; }
  body.iec-design .inner-photo,body.iec-design .b .inner-photo,body.iec-design .c .inner-photo,body.iec-design .d .inner-photo{ height: 310px; }
  body.iec-design .category-jump{ gap: 12px 20px; font-size: 15px; }
  body.iec-design .service-detail,body.iec-design .b .service-detail{ display: flex; flex-direction: column; gap: 28px; padding: 35px 0px; align-items: stretch; }
  body.iec-design .service-detail:nth-child(2n) .service-detail-image{ order: 0; }
  body.iec-design .service-detail-image,body.iec-design .b .service-detail-image,body.iec-design .c .service-detail-image{ height: 280px; }
  body.iec-design .service-detail-copy h2,body.iec-design .b .service-detail-copy h2,body.iec-design .c .service-detail-copy h2{ font-size: 38px; }
  body.iec-design .service-detail :is(li,.iec-list-item){ font-size: 17px; }
  body.iec-design .faq{ grid-template-columns: 1fr; gap: 5px; }
  body.iec-design .faq summary{ font-size: 16px; }
  body.iec-design .work-intro,body.iec-design .b .work-intro,body.iec-design .c .work-intro,body.iec-design .d .work-intro{ padding: 35px 6% 45px; text-align: left; }
  body.iec-design .work-intro h1,body.iec-design .d .work-intro h1{ font-size: 64px; }
  body.iec-design .work-intro > p:last-child,body.iec-design .c .work-intro > p:last-child{ font-size: 20px; margin: 23px 0px 0px; }
  body.iec-design .work-section{ padding-top: 30px; }
  body.iec-design .filters{ gap: 7px; }
  body.iec-design .filters button{ font-size: 14px; padding: 8px 12px; }
  body.iec-design .work-grid,body.iec-design .d .work-grid{ grid-template-columns: 1fr; gap: 40px; }
  body.iec-design .project-open img{ height: 300px; }
  body.iec-design .project-caption h2,body.iec-design .c .project-caption h2{ font-size: 34px; }
  body.iec-design .b .project{ min-height: 480px; }
  body.iec-design .b .project-open img{ height: 480px; }
  body.iec-design .b .project-caption{ padding: 25px; }
  body.iec-design .b .project-caption h2{ font-size: 37px; }
  body.iec-design .b .project-caption > p{ font-size: 17px; }
  body.iec-design .c .project:nth-child(2n){ margin-top: 0px; }
  body.iec-design .c .project-open img{ height: 390px; }
  body.iec-design .d .project:first-child{ grid-column: auto; }
  body.iec-design .d .project-open img{ height: 300px; }
  body.iec-design .team-story{ grid-template-columns: 1fr; gap: 35px; }
  body.iec-design .team-story img{ height: 280px; }
  body.iec-design .dialog-copy{ padding: 25px; }
  body.iec-design .dialog-copy h2{ font-size: 34px; }
  body.iec-design .enquiry-layout,body.iec-design .b .enquiry-layout,body.iec-design .c .enquiry-layout,body.iec-design .d .enquiry-layout{ grid-template-columns: 1fr; padding: 30px 6% 55px; gap: 35px; }
  body.iec-design .enquiry-story h1,body.iec-design .c .enquiry-story h1,body.iec-design .d .enquiry-story h1{ font-size: 68px; }
  body.iec-design .enquiry-story > p:not(.intro-line){ font-size: 20px; }
  body.iec-design .enquiry-image,body.iec-design .b .enquiry-image,body.iec-design .c .enquiry-image,body.iec-design .d .enquiry-image{ height: 260px; }
  body.iec-design .form-panel,body.iec-design .b .form-panel,body.iec-design .c .form-panel,body.iec-design .d .form-panel{ padding: 26px 20px; }
  body.iec-design .form-panel h2,body.iec-design .c .form-panel h2,body.iec-design .d .form-panel h2{ font-size: 33px; }
  body.iec-design .form-row{ grid-template-columns: 1fr; }
  body.iec-design .check-grid{ grid-template-columns: 1fr 1fr; gap: 15px 10px; }
  body.iec-design .check-grid label{ font-size: 14px; }
  body.iec-design .d .service-details{ grid-template-columns: 1fr; }
  body.iec-design .d .service-detail{ padding: 0px; gap: 0px; }
  body.iec-design .d .service-detail-image{ height: 270px; }
  body.iec-design .d .enquiry-story{ padding: 25px; }
  body.iec-design .d .contact-note h3{ font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(body.iec-design){ scroll-behavior: auto; }
  body.iec-design *,body.iec-design ::before,body.iec-design ::after{ transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
@media (min-width: 951px) {
  body.iec-design .hero-c{ grid-template-columns: 1.15fr 1fr; }
  body.iec-design .hero-c h1{ font-size: clamp(65px, 6.1vw, 88px); }
  body.iec-design .hero-d h1{ font-size: clamp(68px, 7vw, 101px); }
}
@media (min-width: 951px) {
  body.iec-design .c .enquiry-story h1{ font-size: 78px; }
  body.iec-design .d .enquiry-story h1{ font-size: clamp(56px, 5.2vw, 74px); }
}
@media (max-width: 680px) {
  body.iec-design .d .work-intro h1{ font-size: 60px; }
}
@media (max-width: 680px) {
  body.iec-design .hero-a h1{ font-size: 56px; }
  body.iec-design .hero-b h1{ font-size: 50px; }
  body.iec-design .hero-c h1{ font-size: 52px; }
  body.iec-design .hero-d h1{ font-size: 64px; }
  body.iec-design .b input[type="date"]{ color-scheme: dark; }
  body.iec-design .check-grid label{ min-height: 40px; }
}
@font-face { font-family: Poppins; src: url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/Poppins-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: Poppins; src: url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/Poppins-500.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: Poppins; src: url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/Poppins-600.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: Poppins; src: url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/Poppins-700.ttf") format("truetype"); font-weight: 700; font-display: swap; }
body.iec-design.e{ --bg: #fff; --ink: #1c1c1c; --muted: #56505c; --purple: #ae32db; --soft: #f5eff8; --line: #e2d8e8; --heading: Poppins; --radius: 26px; font: 17px / 1.65 Poppins, Arial, sans-serif; }
body.iec-design.e h1,body.iec-design.e h2,body.iec-design.e h3{ font-family: Poppins; letter-spacing: -0.035em; line-height: 1.25; }
body.iec-design.e h1,body.iec-design.e h2{ font-weight: 600; }
body.iec-design.e h3{ font-weight: 500; }
body.iec-design.e p{ max-width: none; }
body.iec-design.e .site-header{ height: 94px; padding: 0px 3%; gap: 25px; max-width: 1500px; margin: auto; }
body.iec-design.e .brand{ width: 196px; }
body.iec-design.e .site-header nav{ gap: 25px; font: 14px Poppins; margin-left: auto; }
body.iec-design.e .site-header nav > a.active{ color: rgb(174, 50, 219); text-decoration: none; }
body.iec-design.e .header-quote{ font: 13px Poppins; color: rgb(255, 255, 255); background: rgb(174, 50, 219); padding: 12px 20px; border-radius: 30px; white-space: nowrap; }
body.iec-design.e .preview-bar{ background: rgb(240, 233, 245); }
body.iec-design.e .preview-bar select{ max-width: 220px; }
body.iec-design.e .button{ font: 14px / 1.4 Poppins; min-height: 50px; gap: 17px; padding: 14px 24px; border-radius: 32px; }
body.iec-design.e .button.primary{ background: rgb(174, 50, 219); color: rgb(255, 255, 255); }
body.iec-design.e .button.secondary{ border: 1px solid rgb(185, 154, 202); background: rgba(255, 255, 255, 0.7); color: rgb(108, 35, 141); }
body.iec-design.e .text-link{ font: 14px Poppins; }
body.iec-design.e .intro-line{ font: 15px Poppins; color: rgb(156, 45, 197); }
body.iec-design .current-hero{ min-height: 640px; background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.208) 28%, rgba(255, 255, 255, 0.13) 100%), url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/current-hero.webp") center 45% / cover; display: flex; align-items: center; justify-content: center; text-align: center; padding: 55px 5% 65px; }
body.iec-design .current-hero > div{ max-width: 980px; }
body.iec-design .current-hero h1{ font-size: clamp(38px, 4.1vw, 58px); line-height: 1.3; text-transform: uppercase; font-weight: 700; max-width: 980px; margin: auto; }
body.iec-design .current-hero h2{ font-size: 24px; margin: 22px auto 18px; color: rgb(144, 45, 179); font-weight: 600; }
body.iec-design .current-hero p{ max-width: 780px; margin: auto; font-size: 18px; color: rgb(63, 55, 68); line-height: 1.7; }
body.iec-design .current-hero .actions{ justify-content: center; margin-top: 28px; }
body.iec-design .current-video{ padding: 45px 5% 55px; }
body.iec-design .video-poster{ position: relative; display: block; max-width: 740px; height: 330px; margin: auto; border-radius: 24px; overflow: hidden; background: rgb(36, 20, 45); }
body.iec-design .video-poster::after{ content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent, rgba(30, 15, 39, 0.75)); }
body.iec-design .play-mark{ position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 72px; height: 72px; background: rgba(255, 255, 255, 0.93); color: rgb(174, 50, 219); border-radius: 50%; font-size: 26px; z-index: 1; padding-left: 5px; }
body.iec-design .video-caption{ position: absolute; bottom: 22px; left: 25px; right: 25px; color: rgb(255, 255, 255); z-index: 1; font-size: 18px; }
body.iec-design .video-caption small{ display: block; font-size: 12px; margin-top: 4px; color: rgb(255, 255, 255); }
body.iec-design.e .section{ padding: 70px 5%; }
body.iec-design .current-section-title{ text-align: center; max-width: 820px; margin: 0px auto 38px; }
body.iec-design .current-section-title > p{ font-size: 16px; font-weight: 500; color: rgb(156, 45, 197); margin-bottom: 12px; }
body.iec-design .current-section-title h2{ font-size: 38px; font-weight: 600; color: rgb(34, 34, 34); }
body.iec-design .current-section-title > div{ font-size: 17px; line-height: 1.7; color: rgb(98, 89, 106); max-width: 650px; margin: 18px auto 0px; }
body.iec-design .current-tile-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
body.iec-design .current-tile{ padding: 9px 9px 20px; display: block; border: 1px solid rgb(224, 203, 233); border-radius: 22px; box-shadow: rgb(227, 200, 239) 4px 5px 0px; background: rgb(255, 255, 255); transition: transform 0.18s; }
body.iec-design .current-tile:hover{ transform: translateY(-3px); }
body.iec-design .current-tile > img{ height: 230px; border-radius: 16px; object-fit: cover; }
body.iec-design .current-tile h3{ text-align: center; font-size: 17px; margin: 18px 5px 0px; letter-spacing: -0.02em; line-height: 1.4; }
body.iec-design .center-action{ text-align: center; margin-top: 38px; }
body.iec-design .current-capabilities{ background: rgb(245, 239, 248); }
body.iec-design .current-capability-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 27px; }
body.iec-design .current-capability{ background: rgb(255, 255, 255); border: 1px solid rgb(224, 203, 233); border-radius: 22px; box-shadow: rgb(227, 200, 239) 4px 5px 0px; overflow: hidden; }
body.iec-design .current-capability img{ height: 190px; object-fit: cover; padding: 9px; border-radius: 23px; }
body.iec-design .current-capability > div{ padding: 14px 19px 24px; text-align: center; }
body.iec-design .current-capability h3{ font-size: 19px; line-height: 1.4; }
body.iec-design .current-capability p{ font-size: 14px; line-height: 1.7; color: rgb(96, 86, 102); margin-top: 12px; }
body.iec-design .current-review{ max-width: 800px; margin: auto; border: 1px solid rgb(229, 218, 235); background: rgb(250, 248, 252); padding: 40px; text-align: center; border-radius: 22px; }
body.iec-design .review-stars{ font-size: 24px; letter-spacing: 5px; color: rgb(158, 105, 12); }
body.iec-design .current-review blockquote{ font-size: 27px; font-weight: 500; line-height: 1.5; margin: 20px 0px; color: rgb(44, 36, 50); }
body.iec-design .current-review > p{ font-size: 15px; }
body.iec-design .current-review > p > span{ display: block; color: rgb(108, 98, 114); font-size: 12px; margin: 5px 0px 25px; }
body.iec-design .current-social-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1000px; margin: auto; }
body.iec-design .current-social-grid > a{ height: 270px; border-radius: 20px; overflow: hidden; }
body.iec-design .current-latest{ padding-top: 30px !important; }
body.iec-design .current-clients{ background: rgb(255, 255, 255); }
body.iec-design .current-logos{ max-width: 1050px; margin: auto; display: grid; grid-template-columns: repeat(6, 1fr); gap: 28px; align-items: center; }
body.iec-design .current-logos img{ height: 85px; object-fit: contain; }
body.iec-design .current-value{ display: grid; grid-template-columns: 1fr 0.8fr; align-items: center; gap: 10%; background: rgb(250, 247, 252); }
body.iec-design .current-value .current-section-title{ text-align: left; margin: 0px 0px 20px; }
body.iec-design .current-value .current-section-title > div{ margin-left: 0px; }
body.iec-design .current-value > div > p{ font-size: 15px; color: rgb(110, 97, 119); max-width: 550px; margin-bottom: 28px; }
body.iec-design .current-value > img{ height: 350px; object-fit: contain; border-radius: 18px; }
body.iec-design .current-recognition{ display: grid; grid-template-columns: 0.8fr 1fr; align-items: center; gap: 10%; }
body.iec-design .current-recognition > div:first-child{ height: 400px; background: rgb(247, 243, 250); border-radius: 25px; padding: 20px; }
body.iec-design .current-recognition img{ object-fit: contain; }
body.iec-design .current-recognition h2{ font-size: 37px; }
body.iec-design .current-recognition p:not(.intro-line){ font-size: 16px; line-height: 1.8; color: rgb(100, 88, 110); margin: 25px 0px; }
body.iec-design.e .faq h2{ font-size: 38px; }
body.iec-design.e .faq summary{ font: 16px / 1.6 Poppins; }
body.iec-design.e .faq details p{ font-size: 15px; line-height: 1.8; }
body.iec-design.e .closing{ border-radius: 0px; background: rgb(245, 239, 248); }
body.iec-design.e .closing h2{ font-size: 42px; }
body.iec-design.e .closing p{ font-size: 16px; }
body.iec-design.e .site-footer{ font-size: 14px; line-height: 1.8; }
body.iec-design.e .site-footer .preview-note{ font-size: 12px; }
body.iec-design.e .inner-hero{ display: block; text-align: center; padding: 60px 5% 65px; background: linear-gradient(rgba(255, 255, 255, 0.408), rgba(255, 255, 255, 0.66)), url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/current-hero.webp") center 45% / cover; }
body.iec-design.e .inner-hero > div{ max-width: 800px; margin: auto; }
body.iec-design.e .inner-hero .intro-line{ margin-bottom: 17px; }
body.iec-design.e .inner-hero h1{ font-size: 45px; text-transform: uppercase; line-height: 1.3; }
body.iec-design.e .inner-hero p:not(.intro-line){ font-size: 17px; max-width: 650px; margin: 22px auto; }
body.iec-design.e .inner-photo{ display: none; }
body.iec-design.e .section-intro h2{ font-size: 36px; }
body.iec-design.e .section-intro > p{ font-size: 16px; line-height: 1.8; }
body.iec-design.e .category-jump{ font-size: 14px; gap: 12px 25px; justify-content: center; }
body.iec-design.e .service-details{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
body.iec-design.e .service-detail{ display: flex; flex-direction: column; padding: 8px; border: 1px solid rgb(223, 199, 233); border-radius: 22px; box-shadow: rgb(227, 200, 239) 4px 5px 0px; align-items: stretch; gap: 0px; overflow: hidden; }
body.iec-design.e .service-detail:nth-child(2n) .service-detail-image{ order: 0; }
body.iec-design.e .service-detail-image{ height: 230px; border-radius: 16px; }
body.iec-design.e .service-detail-copy{ padding: 24px 14px; }
body.iec-design.e .service-detail-copy > svg,body.iec-design.e .service-detail-copy >.iec-svg svg{ width: 30px; height: 30px; margin-bottom: 14px; }
body.iec-design.e .service-detail-copy h2{ font-size: 25px; line-height: 1.3; }
body.iec-design.e .service-detail-copy > p{ font-size: 14px; line-height: 1.8; margin: 15px 0px; }
body.iec-design.e .service-detail :is(li,.iec-list-item){ font-size: 13px; line-height: 1.6; align-items: flex-start; }
body.iec-design.e .service-detail :is(li,.iec-list-item) svg{ width: 16px; height: 16px; margin-top: 3px; }
body.iec-design.e .service-detail .text-link{ font-size: 12px; gap: 8px; }
body.iec-design.e .service-detail .text-link > svg,body.iec-design.e .service-detail .text-link >.iec-svg svg{ width: 18px; }
body.iec-design.e .work-intro{ max-width: none; text-align: center; background: linear-gradient(rgba(255, 255, 255, 0.408), rgba(255, 255, 255, 0.66)), url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/current-hero.webp") center 50% / cover; padding: 60px 5%; }
body.iec-design.e .work-intro h1{ font-size: 48px; text-transform: uppercase; }
body.iec-design.e .work-intro > p:last-child{ font-size: 17px; max-width: 700px; margin: 22px auto 0px; }
body.iec-design.e .work-tools h2{ font-size: 25px; }
body.iec-design.e .filters button{ font-size: 13px; padding: 10px 18px; border-radius: 25px; }
body.iec-design.e .work-grid{ grid-template-columns: repeat(3, 1fr); gap: 35px 25px; }
body.iec-design.e .project{ border: 1px solid rgb(224, 203, 233); border-radius: 22px; box-shadow: rgb(227, 200, 239) 4px 5px 0px; overflow: hidden; }
body.iec-design.e .project-open{ padding: 8px; border-radius: 22px; }
body.iec-design.e .project-open img{ height: 260px; border-radius: 15px; }
body.iec-design.e .project-overlay{ font-size: 11px; left: 18px; right: auto; bottom: 18px; border-radius: 20px; gap: 10px; }
body.iec-design.e .project-overlay svg{ width: 18px; }
body.iec-design.e .project-caption{ padding: 15px 22px 25px; }
body.iec-design.e .project-caption h2{ font-size: 24px; }
body.iec-design.e .project-caption > p{ font-size: 14px; line-height: 1.8; }
body.iec-design.e .project-caption > p:first-child{ font-size: 12px; }
body.iec-design.e .project-caption .text-link{ font-size: 12px; }
body.iec-design.e .team-story h2{ font-size: 34px; }
body.iec-design.e .team-story p{ font-size: 16px; line-height: 1.8; }
body.iec-design.e .enquiry-layout{ padding-top: 55px; }
body.iec-design.e .enquiry-story h1{ font-size: 55px; }
body.iec-design.e .enquiry-story > p:not(.intro-line){ font-size: 17px; line-height: 1.8; }
body.iec-design.e .enquiry-image{ border-radius: 22px; }
body.iec-design.e .contact-note h3{ font-size: 22px; }
body.iec-design.e .contact-note p{ font-size: 15px; }
body.iec-design.e .form-panel{ padding: 30px; background: rgb(250, 247, 252); border: 1px solid rgb(224, 203, 233); box-shadow: rgb(234, 217, 241) 4px 5px 0px; border-radius: 25px; }
body.iec-design.e .form-panel h2{ font-size: 27px; }
body.iec-design.e .form-intro{ font-size: 15px; }
body.iec-design.e form label,body.iec-design.e legend{ font-size: 14px; }
body.iec-design.e input:not([type="checkbox"]),body.iec-design.e select,body.iec-design.e textarea{ font-size: 15px; border-radius: 9px; background: rgb(255, 255, 255); line-height: 1.5; }
body.iec-design.e .check-grid{ gap: 12px; }
body.iec-design.e .check-grid label{ font-size: 12px; line-height: 1.5; }
body.iec-design.e form > .small{ font-size: 12px; line-height: 1.8; }
body.iec-design.e .brief-result h3{ font-size: 23px; }
body.iec-design.e .brief-result p{ font-size: 14px; }
body.iec-design .current-card-feature{ display: grid; grid-template-columns: 1.4fr 1fr; gap: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(223, 207, 232); border-radius: 18px; overflow: hidden; margin: 0px 5% 40px; }
body.iec-design .current-card-feature img{ height: 350px; object-fit: cover; object-position: center top; }
body.iec-design .current-card-feature > div{ padding: 35px; }
body.iec-design .current-card-feature h2{ font-size: 35px; }
body.iec-design .current-card-feature p{ font-size: 18px; color: rgb(107, 97, 116); margin: 20px 0px; }
body.iec-design .current-card-feature .page-links{ margin-top: 22px; }
body.iec-design .earlier-directions{ margin: 0px 5% 40px; }
body.iec-design .earlier-directions > summary{ font: 18px Rubik; cursor: pointer; padding: 20px; background: rgb(237, 229, 244); border-radius: 12px; }
body.iec-design .earlier-directions .concepts{ padding: 30px 0px; grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1050px) {
  body.iec-design.e .site-header nav{ gap: 16px; font-size: 12px; }
  body.iec-design.e .site-header{ gap: 20px; }
  body.iec-design.e .header-quote{ display: none; }
  body.iec-design.e .brand{ width: 180px; }
  body.iec-design .current-tile-grid,body.iec-design .current-capability-grid{ gap: 20px; }
  body.iec-design .current-tile > img{ height: 190px; }
  body.iec-design .current-capability img{ height: 160px; }
  body.iec-design .current-capability > div{ padding: 14px 12px 20px; }
  body.iec-design .current-capability h3{ font-size: 17px; }
  body.iec-design.e .service-details{ grid-template-columns: 1fr 1fr; }
  body.iec-design.e .work-grid{ grid-template-columns: 1fr 1fr; }
  body.iec-design.e .form-row{ grid-template-columns: 1fr; }
  body.iec-design.e .check-grid{ grid-template-columns: 1fr; }
  body.iec-design .current-card-feature{ grid-template-columns: 1fr 1fr; }
  body.iec-design .current-card-feature img{ height: 360px; }
  body.iec-design .earlier-directions .concepts{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  body.iec-design.e .site-header{ height: 82px; padding: 0px 5%; gap: 20px; }
  body.iec-design.e .brand{ width: 166px; }
  body.iec-design.e .site-header nav{ font-size: 15px; gap: 7px; }
  body.iec-design.e .preview-bar select{ max-width: 180px; font-size: 10px; }
  body.iec-design.e .preview-bar > a{ font-size: 10px; }
  body.iec-design .current-hero{ min-height: auto; padding: 46px 6% 50px; background-position: 65% 40%; }
  body.iec-design .current-hero h1{ font-size: 31px; line-height: 1.35; }
  body.iec-design .current-hero h2{ font-size: 20px; line-height: 1.5; margin: 21px 0px 17px; }
  body.iec-design .current-hero p{ font-size: 15px; line-height: 1.8; }
  body.iec-design .current-hero .actions{ gap: 12px; margin-top: 25px; flex-direction: column; align-items: center; }
  body.iec-design.e .button{ font-size: 13px; min-height: 49px; gap: 15px; padding: 14px 23px; }
  body.iec-design .current-video{ padding: 30px 6% 40px; }
  body.iec-design .video-poster{ height: 225px; border-radius: 18px; }
  body.iec-design .play-mark{ height: 56px; width: 56px; font-size: 21px; }
  body.iec-design .video-caption{ font-size: 14px; left: 20px; bottom: 18px; }
  body.iec-design.e .section{ padding: 48px 6%; }
  body.iec-design .current-section-title{ margin-bottom: 28px; }
  body.iec-design .current-section-title > p{ font-size: 13px; margin-bottom: 10px; }
  body.iec-design .current-section-title h2{ font-size: 29px; }
  body.iec-design .current-section-title > div{ font-size: 15px; line-height: 1.8; margin-top: 15px; }
  body.iec-design .current-tile-grid{ grid-template-columns: 1fr 1fr; gap: 18px; }
  body.iec-design .current-tile{ padding: 6px 6px 15px; border-radius: 18px; box-shadow: rgb(227, 200, 239) 3px 4px 0px; }
  body.iec-design .current-tile > img{ height: 145px; border-radius: 12px; }
  body.iec-design .current-tile h3{ font-size: 13px; margin-top: 13px; line-height: 1.5; }
  body.iec-design .current-capability-grid{ grid-template-columns: 1fr 1fr; gap: 18px; }
  body.iec-design .current-capability{ border-radius: 18px; box-shadow: rgb(227, 200, 239) 3px 4px 0px; }
  body.iec-design .current-capability img{ height: 140px; padding: 6px; border-radius: 17px; }
  body.iec-design .current-capability > div{ padding: 12px 10px 17px; }
  body.iec-design .current-capability h3{ font-size: 15px; }
  body.iec-design .current-capability p{ font-size: 12px; line-height: 1.7; margin-top: 10px; }
  body.iec-design .current-review{ padding: 27px 22px; }
  body.iec-design .current-review blockquote{ font-size: 22px; }
  body.iec-design .current-review > p{ font-size: 13px; }
  body.iec-design .current-review .text-link{ font-size: 11px; }
  body.iec-design .current-social-grid{ gap: 12px; grid-template-columns: 1fr 1fr; }
  body.iec-design .current-social-grid > a{ height: 210px; border-radius: 15px; }
  body.iec-design .current-social-grid > a:last-child{ display: none; }
  body.iec-design .current-logos{ grid-template-columns: repeat(3, 1fr); gap: 25px; }
  body.iec-design .current-logos img{ height: 60px; }
  body.iec-design .current-value{ grid-template-columns: 1fr; gap: 30px; }
  body.iec-design .current-value .current-section-title{ text-align: center; }
  body.iec-design .current-value > div > p{ font-size: 13px; text-align: center; }
  body.iec-design .current-value > div{ text-align: center; }
  body.iec-design .current-value > img{ height: 290px; order: -1; }
  body.iec-design .current-recognition{ grid-template-columns: 1fr; gap: 30px; }
  body.iec-design .current-recognition > div:first-child{ height: 320px; }
  body.iec-design .current-recognition h2{ font-size: 30px; }
  body.iec-design .current-recognition p:not(.intro-line){ font-size: 15px; margin: 20px 0px; }
  body.iec-design.e .faq h2{ font-size: 31px; }
  body.iec-design.e .faq summary{ font-size: 14px; }
  body.iec-design.e .faq details p{ font-size: 14px; }
  body.iec-design.e .closing h2{ font-size: 34px; }
  body.iec-design.e .closing p{ font-size: 15px; }
  body.iec-design.e .site-footer{ font-size: 12px; gap: 25px 18px; }
  body.iec-design.e .site-footer .preview-note{ font-size: 11px; }
  body.iec-design.e .inner-hero{ padding: 42px 6%; }
  body.iec-design.e .inner-hero h1{ font-size: 33px; }
  body.iec-design.e .inner-hero p:not(.intro-line){ font-size: 15px; }
  body.iec-design.e .inner-hero .intro-line{ font-size: 13px; }
  body.iec-design.e .section-intro h2{ font-size: 30px; }
  body.iec-design.e .section-intro > p{ font-size: 15px; }
  body.iec-design.e .category-jump{ justify-content: flex-start; font-size: 12px; gap: 12px 18px; padding: 17px 0px; margin-bottom: 30px; }
  body.iec-design.e .service-details{ grid-template-columns: 1fr; gap: 25px; }
  body.iec-design.e .service-detail-image{ height: 250px; }
  body.iec-design.e .service-detail-copy{ padding: 24px 18px; }
  body.iec-design.e .service-detail-copy h2{ font-size: 27px; }
  body.iec-design.e .service-detail-copy > p{ font-size: 15px; }
  body.iec-design.e .service-detail :is(li,.iec-list-item){ font-size: 14px; }
  body.iec-design.e .service-detail .text-link{ font-size: 13px; }
  body.iec-design.e .work-intro{ padding: 42px 6%; }
  body.iec-design.e .work-intro h1{ font-size: 36px; }
  body.iec-design.e .work-intro > p:last-child{ font-size: 15px; }
  body.iec-design.e .work-tools h2{ font-size: 25px; }
  body.iec-design.e .filters button{ font-size: 12px; padding: 9px 13px; }
  body.iec-design.e .work-grid{ grid-template-columns: 1fr; gap: 28px; }
  body.iec-design.e .project-open img{ height: 270px; }
  body.iec-design.e .project-caption{ padding: 15px 20px 24px; }
  body.iec-design.e .project-caption h2{ font-size: 25px; }
  body.iec-design.e .project-caption > p{ font-size: 14px; }
  body.iec-design.e .team-story h2{ font-size: 29px; }
  body.iec-design.e .team-story p{ font-size: 15px; }
  body.iec-design.e .enquiry-layout{ padding-top: 35px; }
  body.iec-design.e .enquiry-story h1{ font-size: 43px; }
  body.iec-design.e .enquiry-story > p:not(.intro-line){ font-size: 16px; }
  body.iec-design.e .contact-note h3{ font-size: 22px; }
  body.iec-design.e .contact-note p{ font-size: 14px; }
  body.iec-design.e .form-panel{ padding: 25px 20px; }
  body.iec-design.e .form-panel h2{ font-size: 26px; }
  body.iec-design.e input:not([type="checkbox"]),body.iec-design.e select,body.iec-design.e textarea{ font-size: 16px; }
  body.iec-design.e .check-grid{ grid-template-columns: 1fr 1fr; gap: 10px; }
  body.iec-design.e .check-grid label{ font-size: 11px; min-height: 40px; }
  body.iec-design .current-card-feature{ grid-template-columns: 1fr; margin-bottom: 30px; }
  body.iec-design .current-card-feature img{ height: auto; aspect-ratio: 16 / 10; object-position: center top; }
  body.iec-design .current-card-feature > div{ padding: 25px; }
  body.iec-design .current-card-feature h2{ font-size: 30px; }
  body.iec-design .current-card-feature p{ font-size: 17px; }
  body.iec-design .earlier-directions .concepts{ grid-template-columns: 1fr; }
  body.iec-design .earlier-directions > summary{ font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  body.iec-design .current-tile{ transition: none; }
}
body.iec-design.e .menu-toggle{ font-family: var(--iec-font,Poppins,Arial,sans-serif); }
body.iec-design.e.client-preview .preview-bar{ display: none; }
body.iec-design.e{ --readable-purple: #8c24b3; --home-max: 1320px; scroll-padding-top: 25px; }
body.iec-design.e :where(section, article, h3)[id]{ scroll-margin-top: 28px; }
body.iec-design.e .button.primary,body.iec-design.e .header-quote{ background: rgb(152, 37, 197); }
body.iec-design.e .text-link{ color: rgb(129, 36, 165); }
body.iec-design.home-refined .section{ padding-block: 76px; }
body.iec-design.home-refined .current-section-title{ margin-bottom: 36px; }
body.iec-design.home-refined .current-section-title h2{ font-size: clamp(29px, 3vw, 39px); }
body.iec-design.home-refined .current-section-title > div{ max-width: 680px; }
body.iec-design.home-refined .current-hero{ min-height: 590px; padding: 55px 5% 65px; background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.07) 27%, rgba(255, 255, 255, 0.07) 100%), radial-gradient(at 50% 39%, rgba(255, 255, 255, 0.93) 0%, rgba(255, 255, 255, 0.8) 29%, rgba(255, 255, 255, 0.22) 67%), url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/current-hero.webp"); background-position: center center, center center, center 45%; background-size: cover; }
body.iec-design.home-refined .current-hero > div{ max-width: 1050px; }
body.iec-design.home-refined .current-hero .hero-context{ font-size: 15px; letter-spacing: 0.01em; color: rgb(118, 38, 149); font-weight: 600; margin-bottom: 20px; }
body.iec-design.home-refined .current-hero h1{ font-size: clamp(35px, 3.8vw, 52px); line-height: 1.25; letter-spacing: -0.04em; max-width: 1050px; }
body.iec-design.home-refined .current-hero .hero-description{ max-width: 700px; margin-top: 25px; font-size: 18px; line-height: 1.75; color: rgb(60, 50, 67); }
body.iec-design.home-refined .current-hero .actions{ margin-top: 28px; }
body.iec-design .home-trust{ padding: 25px 5% 36px; border-bottom: 1px solid rgb(238, 229, 242); background: rgb(255, 255, 255); }
body.iec-design .home-trust > p{ text-align: center; font-size: 14px; color: rgb(55, 48, 60); font-weight: 600; margin: 0px auto 22px; }
body.iec-design .home-trust > p > span{ font-weight: 400; color: rgb(101, 91, 107); margin-left: 6px; }
body.iec-design .home-trust .current-logos{ max-width: 990px; gap: 40px; }
body.iec-design .home-trust .current-logos img{ height: 57px; }
body.iec-design .audience-grid{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px; max-width: var(--home-max); margin: auto; }
body.iec-design .audience-card{ overflow: hidden; border-radius: 22px; border: 1px solid rgb(224, 203, 233); box-shadow: rgb(227, 200, 239) 4px 5px 0px; background: rgb(255, 255, 255); display: flex; flex-direction: column; }
body.iec-design .audience-card > img{ height: 225px; }
body.iec-design .audience-card > div{ padding: 24px 25px 25px; display: flex; flex-direction: column; flex: 1 1 0%; }
body.iec-design .audience-card h3{ font-size: 23px; font-weight: 600; letter-spacing: -0.03em; }
body.iec-design .audience-card p{ font-size: 14px; line-height: 1.8; color: rgb(97, 85, 103); margin: 13px 0px 18px; }
body.iec-design .card-link{ display: inline-flex; gap: 10px; align-items: center; color: rgb(129, 36, 165); font-size: 13px; font-weight: 500; margin-top: auto; }
body.iec-design .card-link svg{ width: 18px; height: 18px; }
body.iec-design .home-service-section{ background: rgb(247, 241, 250); }
body.iec-design .home-service-grid{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 28px; max-width: var(--home-max); margin: auto; }
body.iec-design .service-category{ padding: 8px; display: flex; flex-direction: column; }
body.iec-design .service-category > img{ height: 215px; }
body.iec-design .service-category-copy{ padding: 22px 19px 20px; display: grid; grid-template-columns: 32px 1fr; column-gap: 12px; align-items: center; }
body.iec-design .service-category .service-icon{ display: flex; color: rgb(140, 36, 179); grid-area: 1 / 1; }
body.iec-design .service-icon svg{ height: 28px; width: 28px; }
body.iec-design .service-category h3{ grid-column: 2; font-size: 21px; text-align: left; margin: 0px; font-weight: 600; }
body.iec-design .service-category p{ grid-column: 1 / -1; font-size: 14px; line-height: 1.8; color: rgb(97, 85, 103); margin: 14px 0px 18px; }
body.iec-design .service-category .card-link{ grid-column: 1 / -1; }
body.iec-design .popular-options{ max-width: 1000px; margin: 36px auto 0px; display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; }
body.iec-design .popular-options p{ font-size: 13px; color: rgb(102, 89, 109); }
body.iec-design .popular-options > div{ display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
body.iec-design .popular-options a{ background: white; border: 1px solid rgb(220, 200, 230); border-radius: 25px; padding: 9px 15px; font-size: 12px; color: rgb(111, 36, 142); min-height: 40px; display: flex; align-items: center; }
body.iec-design .home-section-row{ display: flex; gap: 30px; justify-content: space-between; align-items: flex-end; max-width: var(--home-max); margin: 0px auto 36px; }
body.iec-design .home-section-row h2{ font-size: 38px; max-width: 650px; }
body.iec-design .home-section-row p{ font-size: 16px; line-height: 1.8; color: rgb(102, 89, 109); max-width: 670px; margin-top: 17px; }
body.iec-design .home-section-row > .text-link{ white-space: nowrap; margin-bottom: 4px; }
body.iec-design .event-stories{ max-width: var(--home-max); margin: auto; display: grid; grid-template-columns: 1.05fr 1fr; gap: 24px; }
body.iec-design .event-story{ border-radius: 22px; border: 1px solid rgb(224, 203, 233); overflow: hidden; background: rgb(255, 255, 255); min-width: 0px; }
body.iec-design .event-story-main{ grid-row: span 2; }
body.iec-design .event-story-main > img{ height: 295px; object-position: 50% 55%; }
body.iec-design .event-story-main > div{ padding: 26px 29px 29px; }
body.iec-design .event-kind{ color: rgb(129, 36, 165); font-size: 12px; margin-bottom: 10px; }
body.iec-design .event-story h3{ font-size: 25px; font-weight: 600; line-height: 1.3; }
body.iec-design .event-story p:not(.event-kind){ font-size: 14px; line-height: 1.8; color: rgb(97, 85, 103); margin-top: 14px; }
body.iec-design .event-story .text-link{ font-size: 12px; margin-top: 20px; }
body.iec-design .event-detail{ font-size: 12px; color: rgb(121, 107, 130); display: block; line-height: 1.7; margin-top: 14px; }
body.iec-design .event-story-small{ display: grid; grid-template-columns: 0.9fr 1.1fr; }
body.iec-design .event-story-small > img{ min-height: 245px; object-position: center center; }
body.iec-design .event-story-small > div{ padding: 24px 23px; }
body.iec-design .event-story-small h3{ font-size: 21px; }
body.iec-design .event-story-small p:not(.event-kind){ font-size: 13px; }
body.iec-design .event-video-row{ max-width: 1000px; margin: 45px auto 0px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; }
body.iec-design .event-video-row .video-poster{ height: 225px; width: 100%; margin: 0px; }
body.iec-design .event-video-row .play-mark{ width: 52px; height: 52px; font-size: 20px; }
body.iec-design .event-video-row .video-caption{ font-size: 15px; bottom: 16px; }
body.iec-design .event-video-row .video-caption small{ font-size: 11px; }
body.iec-design .event-video-row h3{ font-size: 25px; font-weight: 600; }
body.iec-design .event-video-row p{ font-size: 14px; color: rgb(97, 85, 103); line-height: 1.8; margin: 15px 0px 20px; }
body.iec-design .home-process{ background: rgb(247, 241, 250); }
body.iec-design .home-process-steps{ list-style: none; padding: 0px; margin: 0px auto; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 32px; max-width: var(--home-max); }
body.iec-design .home-process-steps :is(li,.iec-list-item){ position: relative; padding-top: 3px; }
body.iec-design .step-icon{ width: 56px; height: 56px; border-radius: 17px; background: rgb(236, 217, 245); display: flex; align-items: center; justify-content: center; color: rgb(129, 36, 165); margin-bottom: 23px; }
body.iec-design .step-icon svg{ width: 28px; height: 28px; }
body.iec-design .step-number{ font-size: 12px; color: rgb(129, 36, 165); display: block; margin-bottom: 10px; }
body.iec-design .home-process-steps h3{ font-size: 21px; font-weight: 600; }
body.iec-design .home-process-steps p{ font-size: 14px; color: rgb(97, 85, 103); line-height: 1.85; margin-top: 14px; }
body.iec-design .home-review-grid{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 25px; max-width: var(--home-max); margin: auto; }
body.iec-design .home-review{ background: rgb(251, 248, 252); border: 1px solid rgb(230, 217, 236); padding: 28px; border-radius: 22px; display: flex; flex-direction: column; }
body.iec-design .home-review .review-stars{ font-size: 18px; letter-spacing: 3px; line-height: 1.4; }
body.iec-design .review-context{ font-size: 12px; color: rgb(109, 89, 122); margin: 15px 0px 12px; }
body.iec-design .home-review blockquote{ font-size: 21px; line-height: 1.65; font-weight: 500; margin: 0px 0px 24px; }
body.iec-design .home-review :is(figcaption,.iec-caption){ font-size: 14px; font-weight: 600; margin-top: auto; }
body.iec-design .home-review :is(figcaption,.iec-caption) span{ font-size: 11px; font-weight: 400; color: rgb(109, 97, 117); display: block; margin-top: 6px; line-height: 1.8; }
body.iec-design .review-source{ display: flex; justify-content: center; margin-top: 30px; }
body.iec-design .review-source a{ font-size: 12px; }
body.iec-design.home-refined .home-assurance{ padding-top: 20px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 25px; }
body.iec-design .award-panel,body.iec-design .value-panel{ border: 1px solid rgb(228, 216, 235); background: rgb(255, 255, 255); border-radius: 22px; display: flex; align-items: center; gap: 25px; padding: 26px; }
body.iec-design .award-panel > a{ width: 100px; height: 150px; flex-shrink: 0; background: rgb(245, 239, 248); padding: 6px; border-radius: 8px; }
body.iec-design .award-panel img{ object-fit: contain; }
body.iec-design .assurance-label{ font-size: 12px; color: rgb(129, 36, 165); margin-bottom: 8px; }
body.iec-design .award-panel h2{ font-size: 23px; }
body.iec-design .award-panel p:not(.assurance-label){ font-size: 13px; color: rgb(102, 89, 109); margin: 13px 0px; }
body.iec-design .award-panel .text-link,body.iec-design .value-panel .text-link{ font-size: 12px; }
body.iec-design .value-panel{ background: rgb(248, 243, 251); align-items: flex-start; }
body.iec-design .value-panel > svg,body.iec-design .value-panel >.iec-svg svg{ color: rgb(129, 36, 165); width: 30px; height: 30px; margin-top: 4px; }
body.iec-design .value-panel h2{ font-size: 24px; }
body.iec-design .value-panel p{ font-size: 14px; color: rgb(97, 85, 103); line-height: 1.8; margin: 16px 0px 20px; }
body.iec-design.home-refined .faq{ background: rgb(247, 241, 250); }
body.iec-design.home-refined .faq .section-intro p{ font-size: 16px; line-height: 1.8; margin-bottom: 25px; }
body.iec-design.home-refined .faq h2{ font-size: 38px; max-width: 320px; }
body.iec-design .home-enquiry{ display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 8%; align-items: center; }
body.iec-design .home-enquiry-copy h2{ font-size: 42px; }
body.iec-design .home-enquiry-copy > p{ font-size: 16px; color: rgb(97, 85, 103); line-height: 1.9; margin-top: 23px; max-width: 440px; }
body.iec-design .home-enquiry-copy :is(ul,.iec-list){ padding-left: 20px; font-size: 15px; line-height: 2.2; color: rgb(97, 85, 103); margin: 23px 0px 30px; }
body.iec-design .home-enquiry-copy .text-link{ font-size: 14px; }
body.iec-design .home-enquiry-copy .enquiry-contact{ font-size: 13px; overflow-wrap: anywhere; margin-top: 15px; }
body.iec-design .home-enquiry .form-panel{ padding: 30px; }
body.iec-design .home-enquiry .form-panel h3{ font-size: 25px; font-weight: 600; }
body.iec-design .home-enquiry .form-intro{ font-size: 12px; line-height: 1.8; margin: 14px 0px 25px; }
body.iec-design .home-enquiry .form-row{ grid-template-columns: 1fr 1fr; gap: 18px; }
body.iec-design .home-enquiry form label{ font-size: 13px; margin-bottom: 20px; }
body.iec-design .home-enquiry :is(input, select){ font-size: 16px; min-height: 50px; border-color: rgb(185, 166, 196); line-height: 1.5; }
body.iec-design .home-enquiry button{ width: 100%; }
body.iec-design .home-enquiry .brief-result{ border-radius: 8px; }
body.iec-design.home-refined .site-footer{ background: rgb(250, 247, 252); }
body.iec-design.e .site-footer p + p{ margin-top: 14px; }
body.iec-design.e .site-footer{ font-size: 12px; gap: 25px; }
body.iec-design .mobile-contact{ display: none; }
body.iec-design .occasion-guides{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 25px; background: rgb(247, 241, 250); }
body.iec-design .occasion-guide{ padding: 27px; background: rgb(255, 255, 255); border: 1px solid rgb(224, 203, 233); border-radius: 22px; }
body.iec-design .occasion-guide h2{ font-size: 25px; }
body.iec-design .occasion-guide h3{ font-size: 17px; margin-top: 25px; }
body.iec-design .occasion-guide p{ font-size: 14px; color: rgb(97, 85, 103); line-height: 1.8; margin: 15px 0px 20px; }
body.iec-design .occasion-guide .text-link{ font-size: 12px; }
body.iec-design.e .site-header a,body.iec-design.e .text-link,body.iec-design .card-link{ transition: color 0.15s; }
body.iec-design.e .text-link:hover{ color: rgb(160, 43, 206); }
body.iec-design.home-refined .current-tile:hover{ transform: none; }
body.iec-design.home-refined .current-tile:hover,body.iec-design .audience-card:hover{ border-color: rgb(172, 100, 200); }
body.iec-design.e button:disabled{ cursor: default; opacity: 0.6; }
@media (min-width: 1500px) {
  body.iec-design.home-refined .section,body.iec-design .home-trust{ padding-inline: max(5%, -660px + 50vw); }
}
@media (max-width: 1050px) {
  body.iec-design .audience-grid{ gap: 20px; }
  body.iec-design .audience-card > div{ padding: 20px; }
  body.iec-design .audience-card h3{ font-size: 20px; }
  body.iec-design .audience-card > img{ height: 190px; }
  body.iec-design .home-service-grid{ gap: 22px; }
  body.iec-design .service-category > img{ height: 185px; }
  body.iec-design .service-category h3{ font-size: 18px; }
  body.iec-design .service-category-copy{ padding: 19px 12px; column-gap: 7px; }
  body.iec-design .home-section-row h2{ font-size: 33px; }
  body.iec-design .event-stories{ grid-template-columns: 1fr 1fr; }
  body.iec-design .event-story-small{ display: block; }
  body.iec-design .event-story-small > img{ height: 160px; min-height: 0px; }
  body.iec-design .event-story-main{ grid-area: span 1 / 1 / auto / -1; display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
  body.iec-design .event-story-main > img{ height: 100%; min-height: 300px; }
  body.iec-design .home-process-steps{ gap: 23px; }
  body.iec-design .home-process-steps h3{ font-size: 18px; }
  body.iec-design .home-review{ padding: 23px; }
  body.iec-design .home-review blockquote{ font-size: 18px; }
  body.iec-design.home-refined .home-assurance{ gap: 20px; }
  body.iec-design .award-panel,body.iec-design .value-panel{ padding: 22px; gap: 18px; }
  body.iec-design .award-panel > a{ width: 80px; height: 130px; }
  body.iec-design .award-panel h2{ font-size: 20px; }
  body.iec-design .value-panel h2{ font-size: 21px; }
  body.iec-design .home-enquiry{ gap: 5%; }
  body.iec-design .home-enquiry .form-row{ grid-template-columns: 1fr; }
  body.iec-design .home-enquiry-copy h2{ font-size: 36px; }
  body.iec-design .occasion-guides{ gap: 18px; }
  body.iec-design .occasion-guide{ padding: 22px; }
}
@media (max-width: 760px) {
  body.iec-design .home-service-grid{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  body.iec-design .home-process-steps{ grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 30px; }
  body.iec-design .home-review-grid{ grid-template-columns: 1fr; gap: 18px; }
  body.iec-design .home-review blockquote{ font-size: 22px; }
  body.iec-design.home-refined .home-assurance{ grid-template-columns: 1fr; }
  body.iec-design .home-enquiry{ grid-template-columns: 1fr; gap: 35px; }
  body.iec-design .home-enquiry .form-row{ grid-template-columns: 1fr 1fr; }
  body.iec-design .occasion-guides{ grid-template-columns: 1fr; }
  body.iec-design.e .site-header nav{ font-size: 13px; gap: 13px; }
}
@media (max-width: 680px) {
  body.iec-design.home-refined .section{ padding: 48px 6%; }
  body.iec-design.home-refined .current-hero{ padding: 43px 6% 48px; min-height: 535px; background-position: center center, center center, 65% 45%; background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.19) 28%, rgba(255, 255, 255, 0.082) 100%), radial-gradient(at 50% 42%, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.87) 34%, rgba(255, 255, 255, 0.314) 80%), url("https://innovativeeventconcepts.com.sg/wp-content/uploads/iec-approved-design/2026.10.20.1/assets/current-hero.webp"); }
  body.iec-design.home-refined .current-hero .hero-context{ font-size: 12px; max-width: 260px; margin: 0px auto 18px; }
  body.iec-design.home-refined .current-hero h1{ font-size: 32px; line-height: 1.3; letter-spacing: -0.035em; }
  body.iec-design.home-refined .current-hero .hero-description{ font-size: 15px; margin-top: 21px; line-height: 1.8; }
  body.iec-design .desktop-break{ display: none; }
  body.iec-design.home-refined .current-hero .actions{ margin-top: 24px; flex-flow: wrap; gap: 10px; }
  body.iec-design.home-refined .current-hero .button{ font-size: 12px; min-height: 48px; padding: 13px 17px; gap: 10px; }
  body.iec-design.home-refined .current-hero .button svg{ width: 19px; }
  body.iec-design .home-trust{ padding: 20px 6% 28px; }
  body.iec-design .home-trust > p{ font-size: 12px; line-height: 1.8; margin-bottom: 20px; }
  body.iec-design .home-trust > p > span{ display: block; margin-left: 0px; }
  body.iec-design .home-trust .current-logos{ gap: 20px 27px; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  body.iec-design .home-trust .current-logos img{ height: 44px; }
  body.iec-design.home-refined .current-section-title{ margin-bottom: 27px; }
  body.iec-design.home-refined .current-section-title h2{ font-size: 28px; }
  body.iec-design.home-refined .current-section-title > div{ font-size: 14px; }
  body.iec-design .audience-grid{ grid-template-columns: 1fr; gap: 22px; }
  body.iec-design .audience-card{ border-radius: 20px; box-shadow: rgb(227, 200, 239) 3px 4px 0px; }
  body.iec-design .audience-card > img{ height: 200px; }
  body.iec-design .audience-card > div{ padding: 22px; }
  body.iec-design .audience-card h3{ font-size: 22px; }
  body.iec-design .audience-card p{ font-size: 14px; margin: 12px 0px 16px; }
  body.iec-design .card-link{ font-size: 12px; }
  body.iec-design .home-service-grid{ gap: 18px 15px; }
  body.iec-design .service-category{ padding: 6px; border-radius: 17px; box-shadow: rgb(227, 200, 239) 3px 4px 0px; }
  body.iec-design .service-category > img{ height: 130px; border-radius: 12px; }
  body.iec-design .service-category-copy{ display: flex; flex-direction: column; align-items: flex-start; padding: 15px 7px 11px; gap: 0px; flex: 1 1 0%; }
  body.iec-design .service-category .service-icon{ margin-bottom: 12px; }
  body.iec-design .service-icon svg{ height: 23px; width: 23px; }
  body.iec-design .service-category h3{ font-size: 16px; line-height: 1.4; }
  body.iec-design .service-category p{ font-size: 12px; line-height: 1.7; margin: 10px 0px 15px; }
  body.iec-design .service-category .card-link{ font-size: 10px; gap: 6px; margin-top: auto; line-height: 1.6; }
  body.iec-design .service-category .card-link svg{ width: 15px; height: 15px; }
  body.iec-design .popular-options{ margin-top: 28px; gap: 13px; }
  body.iec-design .popular-options p{ font-size: 12px; }
  body.iec-design .popular-options a{ font-size: 11px; min-height: 44px; padding: 10px 13px; }
  body.iec-design .home-section-row{ display: block; margin-bottom: 28px; }
  body.iec-design .home-section-row h2{ font-size: 29px; }
  body.iec-design .home-section-row p{ font-size: 14px; margin-top: 15px; }
  body.iec-design .home-section-row > .text-link{ margin-top: 18px; font-size: 12px; }
  body.iec-design .event-stories{ grid-template-columns: 1fr; gap: 23px; }
  body.iec-design .event-story-main{ display: block; grid-column: auto; }
  body.iec-design .event-story-main > img{ height: 225px; min-height: 0px; }
  body.iec-design .event-story-main > div,body.iec-design .event-story-small > div{ padding: 23px; }
  body.iec-design .event-story h3{ font-size: 23px; }
  body.iec-design .event-story-small > img{ height: 205px; }
  body.iec-design .event-story-small p:not(.event-kind),body.iec-design .event-story-main p:not(.event-kind){ font-size: 14px; }
  body.iec-design .event-story .text-link{ font-size: 12px; margin-top: 19px; }
  body.iec-design .event-detail{ font-size: 11px; }
  body.iec-design .event-video-row{ grid-template-columns: 1fr; gap: 23px; margin-top: 32px; }
  body.iec-design .event-video-row .video-poster{ height: 210px; }
  body.iec-design .event-video-row h3{ font-size: 23px; }
  body.iec-design .event-video-row p{ font-size: 14px; margin-top: 12px; }
  body.iec-design .event-video-row .text-link{ font-size: 12px; }
  body.iec-design .home-process-steps{ gap: 28px 22px; }
  body.iec-design .step-icon{ width: 48px; height: 48px; border-radius: 14px; margin-bottom: 17px; }
  body.iec-design .step-icon svg{ width: 25px; height: 25px; }
  body.iec-design .step-number{ font-size: 11px; margin-bottom: 8px; }
  body.iec-design .home-process-steps h3{ font-size: 18px; line-height: 1.4; }
  body.iec-design .home-process-steps p{ font-size: 13px; line-height: 1.8; margin-top: 11px; }
  body.iec-design .home-review{ padding: 25px; }
  body.iec-design .home-review blockquote{ font-size: 21px; }
  body.iec-design .home-review .review-context{ font-size: 12px; }
  body.iec-design .home-review :is(figcaption,.iec-caption){ font-size: 13px; }
  body.iec-design .home-review :is(figcaption,.iec-caption) span{ font-size: 11px; }
  body.iec-design .review-source{ margin-top: 25px; text-align: center; }
  body.iec-design .review-source a{ font-size: 11px; line-height: 1.7; }
  body.iec-design.home-refined .home-assurance{ padding-top: 0px; gap: 20px; }
  body.iec-design .award-panel{ gap: 18px; padding: 22px 18px; }
  body.iec-design .award-panel > a{ width: 74px; height: 115px; }
  body.iec-design .award-panel h2{ font-size: 18px; line-height: 1.4; }
  body.iec-design .award-panel p:not(.assurance-label){ font-size: 12px; margin: 10px 0px; }
  body.iec-design .assurance-label{ font-size: 10px; }
  body.iec-design .award-panel .text-link,body.iec-design .value-panel .text-link{ font-size: 11px; gap: 8px; }
  body.iec-design .value-panel{ padding: 23px; gap: 18px; }
  body.iec-design .value-panel > svg,body.iec-design .value-panel >.iec-svg svg{ width: 25px; height: 25px; }
  body.iec-design .value-panel h2{ font-size: 21px; }
  body.iec-design .value-panel p{ font-size: 13px; }
  body.iec-design.home-refined .faq h2{ font-size: 29px; }
  body.iec-design.home-refined .faq .section-intro p{ font-size: 14px; }
  body.iec-design.home-refined .faq .section-intro .text-link{ font-size: 12px; }
  body.iec-design .home-enquiry-copy h2{ font-size: 33px; }
  body.iec-design .home-enquiry-copy > p{ font-size: 15px; margin-top: 18px; }
  body.iec-design .home-enquiry-copy :is(ul,.iec-list){ font-size: 14px; margin: 20px 0px 25px; }
  body.iec-design .home-enquiry-copy .text-link{ font-size: 12px; }
  body.iec-design .home-enquiry .form-panel{ padding: 25px 20px; }
  body.iec-design .home-enquiry .form-panel h3{ font-size: 23px; }
  body.iec-design .home-enquiry .form-row{ grid-template-columns: 1fr; gap: 0px; }
  body.iec-design .home-enquiry .form-intro{ font-size: 11px; }
  body.iec-design .home-enquiry label{ font-size: 13px; }
  body.iec-design.home-refined .site-footer{ padding-bottom: 115px; }
  body.iec-design.e .site-footer{ overflow-wrap: anywhere; padding-bottom: 110px; }
  body.iec-design .mobile-contact{ display: grid; grid-template-columns: 1fr 1fr; position: fixed; z-index: 30; bottom: 0px; left: 0px; right: 0px; border-top: 1px solid rgb(226, 210, 235); background: rgb(255, 255, 255); box-shadow: rgba(57, 32, 71, 0.05) 0px -5px 20px; padding: 10px 5% calc(10px + env(safe-area-inset-bottom)); gap: 10px; }
  body.iec-design .mobile-contact a{ display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 28px; min-height: 48px; font-size: 12px; color: rgb(120, 38, 154); border: 1px solid rgb(202, 166, 219); background: rgb(255, 255, 255); }
  body.iec-design .mobile-contact a:last-child{ color: rgb(255, 255, 255); background: rgb(152, 37, 197); border-color: rgb(152, 37, 197); }
  body.iec-design .mobile-contact svg{ width: 18px; height: 18px; }
  body.iec-design.e .site-header nav{ font-size: 15px; }
  body.iec-design .occasion-guide h2{ font-size: 24px; }
  body.iec-design .occasion-guide p{ font-size: 14px; }
}
@media (max-width: 359px) {
  body.iec-design.home-refined .current-hero h1{ font-size: 28px; }
  body.iec-design.home-refined .current-hero .actions{ flex-direction: column; }
  body.iec-design .service-category h3{ font-size: 14px; }
  body.iec-design .service-category-copy{ padding-inline: 5px; }
  body.iec-design .service-category > img{ height: 115px; }
  body.iec-design .home-process-steps{ gap: 25px 18px; }
  body.iec-design .home-process-steps h3{ font-size: 16px; }
  body.iec-design .award-panel > a{ width: 60px; }
  body.iec-design .award-panel{ gap: 13px; }
  body.iec-design .award-panel h2{ font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  body.iec-design.e .site-header a,body.iec-design.e .text-link,body.iec-design.e .card-link{ transition: none; }
}
body.iec-design.e .home-trust{ border: 0px; padding-bottom: 28px; }
body.iec-design.e .home-trust > p{ font-weight: 400; color: rgb(102, 89, 109); }
body.iec-design.e .home-trust > p > span{ display: none; }
body.iec-design.e .current-section-title{ text-align: left; max-width: var(--home-max); margin-left: auto; margin-right: auto; }
body.iec-design.e .current-section-title > div{ margin: 17px 0px 0px; max-width: 660px; }
body.iec-design.e .home-audiences{ padding-top: 68px; padding-bottom: 62px; }
body.iec-design.e .audience-grid{ gap: 35px; }
body.iec-design.e .audience-card{ border: 0px; border-radius: 0px; box-shadow: none; background: transparent; overflow: visible; }
body.iec-design.e .audience-card > img{ height: 265px; border-radius: 12px; }
body.iec-design.e .audience-card > div{ padding: 23px 0px 0px; }
body.iec-design.e .audience-card h3{ font-size: 24px; }
body.iec-design.e .audience-card p{ max-width: 34ch; }
body.iec-design.e .audience-card .card-link{ margin-top: 0px; }
body.iec-design.e .home-service-section{ background: rgb(255, 255, 255); padding-top: 48px; }
body.iec-design.e .home-service-grid{ gap: 45px 35px; }
body.iec-design.e .current-tile.service-category{ padding: 0px; border: 0px; border-radius: 0px; box-shadow: none; background: transparent; overflow: visible; }
body.iec-design.e .service-category > img{ height: 230px; border-radius: 12px; }
body.iec-design.e .service-category-copy{ padding: 22px 0px 0px; grid-template-columns: 27px 1fr; gap: 0px 11px; }
body.iec-design.e .service-category .service-icon svg{ width: 24px; height: 24px; }
body.iec-design.e .service-category h3{ font-size: 22px; }
body.iec-design.e .service-category p{ margin: 12px 0px 16px; }
body.iec-design.e .popular-options{ max-width: var(--home-max); justify-content: flex-start; margin-top: 42px; gap: 8px 20px; }
body.iec-design.e .popular-options > div{ justify-content: flex-start; gap: 4px 22px; }
body.iec-design.e .popular-options a{ border: 0px; border-radius: 0px; background: transparent; padding: 7px 0px; font-size: 13px; text-decoration: underline rgb(203, 179, 214); text-underline-offset: 5px; min-height: 44px; }
body.iec-design.e .home-events{ padding-top: 52px; }
body.iec-design.e .home-section-row h2{ max-width: 720px; }
body.iec-design.e .event-stories{ grid-template-columns: 1.08fr 1fr; gap: 35px 50px; }
body.iec-design.e .event-story{ border: 0px; border-radius: 0px; background: transparent; overflow: visible; }
body.iec-design.e .event-story-main > img{ height: 340px; border-radius: 12px; }
body.iec-design.e .event-story-main > div{ padding: 25px 0px 0px; }
body.iec-design.e .event-story-small{ gap: 25px; grid-template-columns: 0.85fr 1.15fr; align-items: start; }
body.iec-design.e .event-story-small > img{ height: 235px; min-height: 0px; border-radius: 12px; }
body.iec-design.e .event-story-small > div{ padding: 3px 0px 0px; }
body.iec-design.e .event-story .text-link{ margin-top: 17px; }
body.iec-design.e .event-detail{ display: none; }
body.iec-design.e .event-video-row{ max-width: var(--home-max); grid-template-columns: 1fr 1fr; gap: 50px; margin-top: 65px; }
body.iec-design.e .event-video-row .video-poster{ height: 285px; border-radius: 12px; }
body.iec-design.e .home-process{ background: rgb(247, 241, 250); padding-block: 64px; }
body.iec-design.e .home-process .current-section-title{ display: flex; align-items: baseline; justify-content: space-between; gap: 40px; margin-bottom: 35px; }
body.iec-design.e .home-process .current-section-title h2{ max-width: 650px; }
body.iec-design.e .home-process .current-section-title > div{ margin: 0px; max-width: 300px; font-size: 15px; }
body.iec-design.e .home-process-steps{ gap: 40px; }
body.iec-design.e .step-icon{ background: transparent; border-radius: 0px; width: auto; height: auto; justify-content: flex-start; margin-bottom: 19px; }
body.iec-design.e .step-icon svg{ width: 30px; height: 30px; }
body.iec-design.e .home-review-grid{ gap: 45px; }
body.iec-design.e .home-review{ border: 0px; border-radius: 0px; box-shadow: none; background: transparent; padding: 0px; }
body.iec-design.e .home-review blockquote{ font-size: 24px; font-weight: 400; line-height: 1.65; margin-bottom: 25px; }
body.iec-design.e .review-context{ color: rgb(107, 97, 113); margin: 18px 0px 12px; }
body.iec-design.e .home-review .review-stars{ font-size: 16px; letter-spacing: 2px; }
body.iec-design.e .home-review :is(figcaption,.iec-caption) > span{ max-width: 28ch; }
body.iec-design.e .review-source{ justify-content: flex-start; margin-top: 35px; }
body.iec-design.e .home-assurance{ gap: 70px; padding-bottom: 65px; }
body.iec-design.e .award-panel,body.iec-design.e .value-panel{ border: 0px; box-shadow: none; border-radius: 0px; padding: 0px; background: transparent; }
body.iec-design.e .award-panel > a{ background: transparent; border-radius: 0px; padding: 0px; width: 90px; height: 135px; }
body.iec-design.e .award-panel{ gap: 25px; }
body.iec-design.e .value-panel > svg,body.iec-design.e .value-panel >.iec-svg svg{ display: none; }
body.iec-design.e .value-panel p{ max-width: 53ch; }
body.iec-design.e .faq{ background: rgb(255, 255, 255); }
body.iec-design.e .home-enquiry{ background: rgb(247, 241, 250); padding-block: 65px; }
body.iec-design.e .form-panel{ border: 0px; box-shadow: none; border-radius: 0px; background: rgb(247, 241, 250); }
body.iec-design.e .home-enquiry .form-panel{ padding: 0px; background: transparent; }
body.iec-design.e .occasion-guides{ background: rgb(255, 255, 255); gap: 40px; }
body.iec-design.e .occasion-guide{ border: 0px; border-radius: 0px; padding: 0px; background: transparent; }
body.iec-design.e .service-detail{ border: 0px; border-radius: 0px; box-shadow: none; padding: 0px; background: transparent; overflow: visible; }
body.iec-design.e .service-detail-image{ border-radius: 12px; }
body.iec-design.e .service-detail-copy{ padding: 24px 0px 10px; }
body.iec-design.e .project{ border: 0px; border-radius: 0px; box-shadow: none; overflow: visible; }
body.iec-design.e .project-open{ padding: 0px; border-radius: 12px; }
body.iec-design.e .project-open img{ border-radius: 12px; }
body.iec-design.e .project-caption{ padding: 22px 0px 0px; }
body.iec-design.e .enquiry-image{ border-radius: 12px; }
body.iec-design.e .site-footer{ background: rgb(255, 255, 255); }
body.iec-design.e .text-link{ border-bottom: 0px; text-decoration: underline rgb(203, 179, 214); text-underline-offset: 6px; line-height: 1.7; gap: 0px; }
body.iec-design.e .card-link{ text-decoration: underline rgb(203, 179, 214); text-underline-offset: 6px; line-height: 1.7; }
body.iec-design.e .text-link > svg,body.iec-design.e .text-link >.iec-svg svg,body.iec-design.e .card-link > svg,body.iec-design.e .card-link >.iec-svg svg{ display: none; }
body.iec-design.e .audience-card:hover h3,body.iec-design.e .service-category:hover h3{ color: rgb(129, 36, 165); }
body.iec-design.e .audience-card:hover,body.iec-design.e .current-tile:hover{ border: 0px; box-shadow: none; transform: none; }
@media (max-width: 1050px) {
  body.iec-design.e .audience-grid,body.iec-design.e .home-service-grid{ gap: 32px 26px; }
  body.iec-design.e .audience-card > img{ height: 220px; }
  body.iec-design.e .audience-card h3{ font-size: 21px; }
  body.iec-design.e .service-category > img{ height: 195px; }
  body.iec-design.e .service-category h3{ font-size: 19px; }
  body.iec-design.e .event-stories{ gap: 30px; }
  body.iec-design.e .event-story-main{ display: block; grid-area: span 2; }
  body.iec-design.e .event-story-main > img{ height: 310px; min-height: 0px; }
  body.iec-design.e .event-story-small{ display: block; }
  body.iec-design.e .event-story-small > img{ height: 195px; }
  body.iec-design.e .event-story-small > div{ padding-top: 20px; }
  body.iec-design.e .event-story-small h3{ font-size: 22px; }
  body.iec-design.e .event-video-row{ gap: 35px; }
  body.iec-design.e .event-video-row .video-poster{ height: 240px; }
  body.iec-design.e .home-process .current-section-title{ display: block; }
  body.iec-design.e .home-process .current-section-title > div{ max-width: none; margin-top: 17px; }
  body.iec-design.e .home-process-steps{ gap: 28px; }
  body.iec-design.e .home-review-grid{ gap: 30px; }
  body.iec-design.e .home-review blockquote{ font-size: 21px; }
  body.iec-design.e .home-assurance{ gap: 40px; }
}
@media (max-width: 760px) {
  body.iec-design.e .home-review-grid{ gap: 32px; }
  body.iec-design.e .home-review blockquote{ max-width: 28ch; font-size: 25px; }
  body.iec-design.e .home-review :is(figcaption,.iec-caption) > span{ max-width: none; }
  body.iec-design.e .occasion-guides{ gap: 35px; }
  body.iec-design.e .home-assurance{ gap: 35px; }
  body.iec-design.e .value-panel p{ max-width: none; }
}
@media (max-width: 680px) {
  body.iec-design.e .home-audiences{ padding-top: 40px; padding-bottom: 35px; }
  body.iec-design.e .current-section-title > div{ margin: 15px 0px 0px; }
  body.iec-design.e .audience-grid{ gap: 32px; }
  body.iec-design.e .audience-card > img{ height: 225px; border-radius: 10px; }
  body.iec-design.e .audience-card > div{ padding: 20px 0px 0px; }
  body.iec-design.e .audience-card h3{ font-size: 23px; }
  body.iec-design.e .audience-card p{ max-width: none; }
  body.iec-design.e .home-service-section{ padding-top: 35px; }
  body.iec-design.e .home-service-grid{ gap: 30px 20px; }
  body.iec-design.e .current-tile.service-category{ padding: 0px; border: 0px; border-radius: 0px; box-shadow: none; }
  body.iec-design.e .service-category > img{ height: 145px; border-radius: 9px; }
  body.iec-design.e .service-category-copy{ padding: 17px 0px 0px; }
  body.iec-design.e .service-category .service-icon{ margin-bottom: 10px; }
  body.iec-design.e .service-category .service-icon svg{ width: 22px; height: 22px; }
  body.iec-design.e .service-category h3{ font-size: 17px; }
  body.iec-design.e .service-category p{ margin: 10px 0px 13px; font-size: 12px; }
  body.iec-design.e .service-category .card-link{ font-size: 11px; line-height: 1.8; }
  body.iec-design.e .popular-options{ margin-top: 28px; gap: 9px; }
  body.iec-design.e .popular-options > div{ gap: 0px 18px; }
  body.iec-design.e .popular-options a{ font-size: 12px; }
  body.iec-design.e .home-events{ padding-top: 35px; }
  body.iec-design.e .event-stories{ grid-template-columns: 1fr; gap: 33px; }
  body.iec-design.e .event-story-main{ display: block; grid-row: auto; }
  body.iec-design.e .event-story-main > img{ height: 255px; border-radius: 10px; }
  body.iec-design.e .event-story-main > div{ padding: 21px 0px 0px; }
  body.iec-design.e .event-story-small > img{ height: 235px; border-radius: 10px; }
  body.iec-design.e .event-story-small > div{ padding: 20px 0px 0px; }
  body.iec-design.e .event-kind{ margin-bottom: 8px; }
  body.iec-design.e .event-story h3{ font-size: 24px; }
  body.iec-design.e .event-story p:not(.event-kind){ font-size: 14px; }
  body.iec-design.e .event-video-row{ grid-template-columns: 1fr; gap: 22px; margin-top: 42px; }
  body.iec-design.e .event-video-row .video-poster{ height: 220px; border-radius: 10px; }
  body.iec-design.e .home-process .current-section-title{ margin-bottom: 30px; }
  body.iec-design.e .home-process-steps{ gap: 30px 25px; }
  body.iec-design.e .home-process-steps h3{ font-size: 18px; }
  body.iec-design.e .step-icon{ margin-bottom: 17px; }
  body.iec-design.e .step-icon svg{ width: 26px; height: 26px; }
  body.iec-design.e .home-review{ padding: 0px; }
  body.iec-design.e .home-review blockquote{ font-size: 24px; margin-bottom: 20px; }
  body.iec-design.e .review-context{ margin-top: 13px; }
  body.iec-design.e .home-review-grid{ gap: 37px; }
  body.iec-design.e .home-review .review-stars{ font-size: 15px; }
  body.iec-design.e .home-review :is(figcaption,.iec-caption) > span{ font-size: 11px; }
  body.iec-design.e .review-source{ text-align: left; margin-top: 28px; }
  body.iec-design.e .home-assurance{ padding-top: 0px; gap: 35px; }
  body.iec-design.e .award-panel{ gap: 22px; padding: 0px; }
  body.iec-design.e .award-panel > a{ width: 75px; height: 120px; }
  body.iec-design.e .award-panel h2{ font-size: 20px; }
  body.iec-design.e .value-panel{ padding: 0px; }
  body.iec-design.e .value-panel h2{ font-size: 23px; }
  body.iec-design.e .home-enquiry .form-panel{ padding: 0px; }
  body.iec-design.e .form-panel{ padding: 25px 20px; }
  body.iec-design.e .home-enquiry .form-panel h3{ font-size: 24px; }
  body.iec-design.e .project-caption{ padding: 20px 0px 0px; }
  body.iec-design.e .service-detail-copy{ padding: 23px 0px 10px; }
  body.iec-design.e .occasion-guide{ padding: 0px; }
}
@media (max-width: 359px) {
  body.iec-design.e .service-category > img{ height: 125px; }
  body.iec-design.e .service-category h3{ font-size: 16px; }
  body.iec-design.e .home-service-grid{ gap: 28px 17px; }
  body.iec-design.e .home-process-steps{ gap: 27px 22px; }
  body.iec-design.e .home-process-steps h3{ font-size: 17px; }
  body.iec-design.e .award-panel h2{ font-size: 18px; }
}
body.iec-design.creative-study{ --study-purple: var(--iec-brand); --study-lavender: var(--iec-surface-lavender); }
body.iec-design.creative-study .scene-section{ background: var(--study-lavender); padding: 68px 5% 82px; scroll-margin-top: 0px; }
body.iec-design.creative-study .study-section-head{ display: grid; grid-template-columns: 1.2fr 1fr; gap: 65px; align-items: end; max-width: 1320px; margin: 0px auto 40px; }
body.iec-design.creative-study .study-section-head h2{ font-size: 44px; line-height: 1.2; font-weight: 600; letter-spacing: -0.045em; }
body.iec-design.creative-study .study-section-head > p{ font-size: 16px; line-height: 1.85; color: rgb(98, 86, 107); max-width: 440px; margin: 0px 0px 4px; }
body.iec-design.creative-study .scene-composition{ max-width: 1320px; margin: auto; display: grid; grid-template-columns: 1.16fr 1fr; grid-template-rows: 235px 235px; gap: 35px 36px; padding-bottom: 27px; }
body.iec-design.creative-study .scene{ display: block; position: relative; min-width: 0px; }
body.iec-design.creative-study .scene > img{ height: 100%; object-fit: cover; border-radius: 14px; }
body.iec-design.creative-study .scene-large{ grid-row: span 2; }
body.iec-design.creative-study .scene-large > img{ object-position: 50% 50%; }
body.iec-design.creative-study .scene-small:nth-child(2) > img{ object-position: 50% 57%; }
body.iec-design.creative-study .scene-small:nth-child(3) > img{ object-position: 50% 41%; }
body.iec-design.creative-study .scene-caption{ position: absolute; left: 24px; right: 24px; bottom: -25px; background: white; padding: 23px 25px; display: flex; justify-content: space-between; gap: 20px; align-items: center; border-radius: 4px; }
body.iec-design.creative-study .scene-caption h3{ font-size: 23px; line-height: 1.3; font-weight: 600; letter-spacing: -0.035em; }
body.iec-design.creative-study .scene-caption p{ font-size: 14px; line-height: 1.8; color: rgb(99, 86, 106); margin: 11px 0px 16px; }
body.iec-design.creative-study .scene-explore{ font-size: 12px; color: var(--study-purple); text-decoration: underline rgb(195, 160, 210); text-underline-offset: 5px; }
body.iec-design.creative-study .scene-large .scene-caption{ right: 48px; left: 28px; padding: 27px 29px; }
body.iec-design.creative-study .scene-large .scene-caption h3{ font-size: 29px; }
body.iec-design.creative-study .scene-arrow{ width: 43px; height: 43px; color: var(--study-purple); display: grid; place-items: center; flex-shrink: 0; align-self: center; }
body.iec-design.creative-study .scene-arrow svg{ width: 27px; height: 27px; transition: transform 0.18s; }
body.iec-design.creative-study .scene:hover .scene-arrow svg{ transform: translateX(4px); }
body.iec-design.creative-study .scene:hover h3{ color: var(--study-purple); }
body.iec-design.creative-study .service-studio{ padding: 80px 5% 75px; scroll-margin-top: 15px; background: rgb(255, 255, 255); }
body.iec-design.creative-study .service-studio .study-section-head{ grid-template-columns: 1.16fr 1fr; gap: 55px; margin-bottom: 38px; }
body.iec-design.creative-study .service-studio .study-section-head h2{ font-size: 40px; }
body.iec-design.creative-study .service-studio .study-section-head > p{ font-size: 15px; }
body.iec-design.creative-study .service-composition{ display: grid; grid-template-columns: 1.05fr 1fr; gap: 60px; align-items: stretch; max-width: 1320px; margin: auto; }
body.iec-design.creative-study .service-view{ margin: 0px; display: block; align-self: start; min-width: 0px; overflow: hidden; border-radius: 14px; background: var(--study-purple); }
body.iec-design.creative-study .service-view-image{ height: 370px; min-height: 0px; object-fit: cover; object-position: center center; flex: 0 0 auto; }
body.iec-design.creative-study .service-view-image[data-service="entertainment"]{ object-position: center top; }
body.iec-design.creative-study .service-view :is(figcaption,.iec-caption){ padding: 27px 30px 30px; color: white; min-height: 220px; display: flex; flex-direction: column; }
body.iec-design.creative-study .service-view :is(figcaption,.iec-caption) > p{ font-size: 12px; line-height: 1.5; color: rgb(234, 217, 242); margin-bottom: 11px; }
body.iec-design.creative-study .service-view h3{ font-size: 30px; font-weight: 500; line-height: 1.3; max-width: 390px; }
body.iec-design.creative-study .service-view :is(figcaption,.iec-caption) > a{ display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 22px; font-size: 13px; color: white; text-decoration: underline; text-underline-offset: 5px; }
body.iec-design.creative-study .service-view :is(figcaption,.iec-caption) > a svg{ width: 23px; height: 23px; }
body.iec-design.creative-study .service-index{ min-width: 0px; }
body.iec-design.creative-study .service-index :is(ul,.iec-list){ list-style: none; padding: 0px; margin: 0px; }
body.iec-design.creative-study .service-index :is(li,.iec-list-item){ margin: 0px; padding: 0px; border-bottom: 1px solid rgb(228, 217, 235); }
body.iec-design.creative-study .service-index :is(li,.iec-list-item):first-child{ border-top: 1px solid rgb(228, 217, 235); }
body.iec-design.creative-study .service-pick{ display: grid; grid-template-columns: 28px 1fr 22px; gap: 17px; align-items: center; width: 100%; text-align: left; padding: 20px 16px; border: 0px; border-radius: 0px; background: white; min-height: 88px; font: inherit; color: rgb(40, 32, 46); }
body.iec-design.creative-study .service-pick[aria-pressed="true"]{ background: rgb(244, 237, 248); box-shadow: rgb(152, 37, 197) 3px 0px 0px inset; }
body.iec-design.creative-study .service-pick:hover{ background: rgb(247, 243, 250); }
body.iec-design.creative-study .pick-icon{ display: flex; color: var(--study-purple); }
body.iec-design.creative-study .pick-icon svg{ width: 27px; height: 27px; }
body.iec-design.creative-study .pick-copy{ display: flex; flex-direction: column; gap: 5px; }
body.iec-design.creative-study .pick-copy strong{ font-size: 20px; font-weight: 500; line-height: 1.35; letter-spacing: -0.025em; }
body.iec-design.creative-study .pick-copy > span{ font-size: 12px; line-height: 1.65; color: rgb(109, 95, 119); }
body.iec-design.creative-study .pick-arrow{ display: flex; color: rgb(139, 112, 154); }
body.iec-design.creative-study .pick-arrow svg{ width: 20px; height: 20px; }
body.iec-design.creative-study .service-pick[aria-pressed="true"] .pick-arrow{ color: var(--study-purple); }
body.iec-design.creative-study .service-index-end{ font-size: 12px; line-height: 1.8; color: rgb(109, 95, 119); margin: 23px 0px 0px; }
body.iec-design.creative-study .service-index-end a{ color: var(--study-purple); text-decoration: underline; text-underline-offset: 4px; }
@media (min-width: 1500px) {
  body.iec-design.creative-study .scene-section,body.iec-design.creative-study .service-studio{ padding-inline: max(5%, -660px + 50vw); }
}
@media (max-width: 1050px) {
  body.iec-design.creative-study .study-section-head{ gap: 35px; }
  body.iec-design.creative-study .study-section-head h2{ font-size: 38px; }
  body.iec-design.creative-study .study-section-head > p{ font-size: 14px; }
  body.iec-design.creative-study .scene-composition{ grid-template-rows: 220px 220px; gap: 35px 25px; }
  body.iec-design.creative-study .scene-caption{ left: 17px; right: 17px; padding: 19px 20px; gap: 13px; }
  body.iec-design.creative-study .scene-caption h3{ font-size: 19px; }
  body.iec-design.creative-study .scene-large .scene-caption{ left: 21px; right: 21px; padding: 24px; }
  body.iec-design.creative-study .scene-large .scene-caption h3{ font-size: 25px; }
  body.iec-design.creative-study .scene-arrow{ width: 28px; }
  body.iec-design.creative-study .service-studio .study-section-head{ gap: 35px; }
  body.iec-design.creative-study .service-studio .study-section-head h2{ font-size: 34px; }
  body.iec-design.creative-study .service-composition{ gap: 30px; }
  body.iec-design.creative-study .service-pick{ gap: 12px; padding: 18px 13px; }
  body.iec-design.creative-study .pick-copy strong{ font-size: 18px; }
  body.iec-design.creative-study .pick-copy > span{ font-size: 11px; }
  body.iec-design.creative-study .service-view h3{ font-size: 26px; }
  body.iec-design.creative-study .service-view :is(figcaption,.iec-caption){ padding: 25px; }
}
@media (max-width: 680px) {
  body.iec-design.creative-study .scene-section{ padding: 42px 6% 50px; }
  body.iec-design.creative-study .study-section-head,body.iec-design.creative-study .service-studio .study-section-head{ grid-template-columns: 1fr; gap: 18px; margin-bottom: 29px; }
  body.iec-design.creative-study .study-section-head h2{ font-size: 34px; line-height: 1.2; }
  body.iec-design.creative-study .study-section-head h2 br{ display: none; }
  body.iec-design.creative-study .study-section-head > p{ font-size: 14px; line-height: 1.8; margin: 0px; max-width: 420px; }
  body.iec-design.creative-study .scene-composition{ grid-template-columns: 1fr; grid-template-rows: 340px 220px 220px; gap: 55px; padding-bottom: 20px; }
  body.iec-design.creative-study .scene-large{ grid-row: auto; }
  body.iec-design.creative-study .scene > img{ border-radius: 11px; }
  body.iec-design.creative-study .scene-large .scene-caption{ left: 17px; right: 17px; bottom: -24px; padding: 22px; }
  body.iec-design.creative-study .scene-large .scene-caption h3{ font-size: 24px; }
  body.iec-design.creative-study .scene-caption p{ font-size: 12px; line-height: 1.7; margin: 10px 0px 13px; }
  body.iec-design.creative-study .scene-caption p br{ display: none; }
  body.iec-design.creative-study .scene-explore{ font-size: 11px; }
  body.iec-design.creative-study .scene-small .scene-caption{ left: 17px; right: 17px; bottom: -22px; padding: 19px 20px; gap: 14px; }
  body.iec-design.creative-study .scene-small .scene-caption h3{ font-size: 21px; }
  body.iec-design.creative-study .scene-arrow{ width: 24px; height: 30px; }
  body.iec-design.creative-study .scene-arrow svg{ width: 24px; height: 24px; }
  body.iec-design.creative-study .service-studio{ padding: 45px 6%; }
  body.iec-design.creative-study .service-studio .study-section-head h2{ font-size: 30px; }
  body.iec-design.creative-study .service-studio .study-section-head h2 br{ display: none; }
  body.iec-design.creative-study .service-studio .study-section-head > p{ font-size: 14px; }
  body.iec-design.creative-study .service-studio .study-section-head > p br{ display: none; }
  body.iec-design.creative-study .service-composition{ display: flex; flex-direction: column; gap: 28px; }
  body.iec-design.creative-study .service-view{ order: 1; align-self: stretch; width: 100%; border-radius: 11px; }
  body.iec-design.creative-study .service-index{ order: 0; }
  body.iec-design.creative-study .service-view-image{ height: 265px; flex: 0 0 auto; }
  body.iec-design.creative-study .service-view :is(figcaption,.iec-caption){ padding: 24px; min-height: 185px; }
  body.iec-design.creative-study .service-view h3{ font-size: 26px; line-height: 1.35; }
  body.iec-design.creative-study .service-view :is(figcaption,.iec-caption) > a{ font-size: 12px; margin-top: 20px; }
  body.iec-design.creative-study .service-pick{ grid-template-columns: 25px 1fr 18px; gap: 12px; padding: 17px 12px; min-height: 88px; }
  body.iec-design.creative-study .pick-icon svg{ width: 24px; height: 24px; }
  body.iec-design.creative-study .pick-copy strong{ font-size: 18px; }
  body.iec-design.creative-study .pick-copy > span{ font-size: 11px; line-height: 1.6; }
  body.iec-design.creative-study .service-index-end{ font-size: 12px; margin-top: 20px; }
}
@media (max-width: 359px) {
  body.iec-design.creative-study .scene-caption,body.iec-design.creative-study .scene-large .scene-caption{ left: 12px; right: 12px; padding: 18px; }
  body.iec-design.creative-study .scene-caption h3{ font-size: 20px; }
  body.iec-design.creative-study .scene-small .scene-caption{ left: 12px; right: 12px; padding: 18px 16px; }
  body.iec-design.creative-study .scene-small .scene-caption h3{ font-size: 19px; }
  body.iec-design.creative-study .scene-large .scene-caption h3{ font-size: 22px; }
  body.iec-design.creative-study .study-section-head h2{ font-size: 31px; }
  body.iec-design.creative-study .service-studio .study-section-head h2{ font-size: 28px; }
  body.iec-design.creative-study .pick-copy strong{ font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  body.iec-design.creative-study .scene-arrow svg{ transition: none; }
}
body.iec-design.creative-study .service-view :is(figcaption,.iec-caption) > a.service-back{ display: none; }
@media (max-width: 680px) {
  body.iec-design.creative-study .service-view :is(figcaption,.iec-caption) > a.service-back{ display: block; font-size: 11px; color: rgb(234, 217, 242); margin-top: 16px; }
  body.iec-design.creative-study #service-view,body.iec-design.creative-study #service-choices{ scroll-margin-top: 25px; }
}
body.iec-design.creative-study .home-events{ padding-top: 68px; padding-bottom: 70px; }
body.iec-design.creative-study .event-stories{ grid-template-columns: 1.08fr 1fr; grid-template-rows: auto auto; gap: 26px 36px; align-items: stretch; }
body.iec-design.creative-study .event-story-main{ display: block; grid-row: span 2; position: relative; min-width: 0px; }
body.iec-design.creative-study .event-story-main > img{ height: 415px; min-height: 0px; object-fit: cover; border-radius: 18px; }
body.iec-design.creative-study .event-story-main > div{ position: relative; margin: -68px 25px 0px; padding: 27px 28px 29px; background: white; border-radius: 12px; box-shadow: rgba(66, 36, 77, 0.05) 0px 12px 32px; min-height: 205px; }
body.iec-design.creative-study .event-story-main h3{ font-size: 29px; }
body.iec-design.creative-study .event-story-small{ display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 0px; align-items: stretch; border-radius: 18px; overflow: hidden; background: rgb(243, 237, 247); }
body.iec-design.creative-study .event-story-small > img{ height: 100%; min-height: 245px; object-fit: cover; border-radius: 0px; }
body.iec-design.creative-study .event-story-small > div{ padding: 25px 24px; }
body.iec-design.creative-study .event-story-small h3{ font-size: 22px; line-height: 1.35; }
body.iec-design.creative-study .event-story-small p:not(.event-kind){ font-size: 13px; line-height: 1.8; }
body.iec-design.creative-study .home-events .text-link{ display: inline-flex; align-items: center; gap: 12px; }
body.iec-design.creative-study .home-events .text-link > svg,body.iec-design.creative-study .home-events .text-link >.iec-svg svg{ display: block; width: 19px; height: 19px; }
body.iec-design.creative-study .event-video-row{ max-width: 1320px; margin-top: 43px; grid-template-columns: 1fr 1fr; gap: 0px; background: rgb(243, 237, 247); border-radius: 18px; overflow: hidden; }
body.iec-design.creative-study .event-video-row .video-poster{ height: 280px; border-radius: 0px; }
body.iec-design.creative-study .event-video-row > div{ padding: 31px 35px; }
body.iec-design.creative-study .event-video-row h3{ font-size: 27px; }
body.iec-design.creative-study .home-process{ background: rgb(247, 241, 250); padding-top: 62px; padding-bottom: 65px; }
body.iec-design.creative-study .home-process-steps{ position: relative; background: white; border-radius: 20px; padding: 34px; gap: 32px; }
body.iec-design.creative-study .home-process-steps::before{ content: ""; position: absolute; top: 61px; left: 57px; right: 57px; height: 1px; background: rgb(228, 215, 236); }
body.iec-design.creative-study .home-process-steps :is(li,.iec-list-item){ position: relative; }
body.iec-design.creative-study .step-icon{ width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: rgb(240, 229, 246); border-radius: 14px; position: relative; margin-bottom: 19px; }
body.iec-design.creative-study .step-icon svg{ width: 26px; height: 26px; }
body.iec-design.creative-study .home-process-steps h3{ font-size: 20px; }
body.iec-design.creative-study .home-process-steps p{ font-size: 13px; line-height: 1.85; }
body.iec-design.creative-study .home-reviews{ padding-top: 70px; padding-bottom: 60px; }
body.iec-design.creative-study .home-review-grid{ grid-template-columns: 1.08fr 1fr; grid-template-rows: 1fr 1fr; gap: 22px 28px; align-items: stretch; }
body.iec-design.creative-study .home-review{ background: rgb(243, 237, 247); border-radius: 18px; padding: 26px 29px; display: flex; flex-direction: column; position: relative; }
body.iec-design.creative-study .home-review:first-child{ grid-row: span 2; background: var(--study-purple); color: rgb(255, 255, 255); padding: 36px 37px; }
body.iec-design.creative-study .home-review .review-stars{ font-size: 15px; line-height: 1.4; letter-spacing: 3px; }
body.iec-design.creative-study .home-review:first-child .review-stars{ color: rgb(243, 211, 122); font-size: 19px; }
body.iec-design.creative-study .home-review .review-context{ font-size: 11px; margin: 12px 0px; }
body.iec-design.creative-study .home-review:first-child .review-context{ color: rgb(232, 215, 241); font-size: 12px; margin: 23px 0px 17px; }
body.iec-design.creative-study .home-review blockquote{ font-size: 21px; line-height: 1.55; margin: 0px 0px 22px; max-width: none; }
body.iec-design.creative-study .home-review:first-child blockquote{ font-size: 36px; line-height: 1.45; font-weight: 400; margin: 0px 0px 40px; max-width: 18ch; }
body.iec-design.creative-study .home-review :is(figcaption,.iec-caption){ display: flex; gap: 13px; align-items: center; margin-top: auto; }
body.iec-design.creative-study .review-avatar{ display: grid; place-items: center; width: 39px; height: 39px; border-radius: 50%; background: rgb(231, 213, 240); color: rgb(107, 38, 135); font-size: 12px; line-height: 1; font-weight: 600; flex-shrink: 0; }
body.iec-design.creative-study .home-review:first-child .review-avatar{ background: rgba(255, 255, 255, 0.11); color: rgb(255, 255, 255); width: 46px; height: 46px; font-size: 13px; }
body.iec-design.creative-study .home-review :is(figcaption,.iec-caption) strong{ font-size: 13px; font-weight: 600; display: block; }
body.iec-design.creative-study .home-review :is(figcaption,.iec-caption) div > span{ font-size: 10px; color: rgb(118, 103, 127); line-height: 1.7; margin-top: 4px; display: block; }
body.iec-design.creative-study .home-review:first-child :is(figcaption,.iec-caption) div > span{ color: rgb(230, 213, 239); }
body.iec-design.creative-study .review-source{ margin-top: 25px; }
body.iec-design.creative-study .home-assurance{ padding-top: 0px; padding-bottom: 65px; gap: 28px; }
body.iec-design.creative-study .award-panel{ padding: 28px; background: rgb(241, 233, 246); border-radius: 18px; gap: 25px; }
body.iec-design.creative-study .award-panel > a{ background: rgb(255, 255, 255); border-radius: 7px; padding: 7px; width: 98px; height: 150px; }
body.iec-design.creative-study .award-panel h2{ font-size: 23px; line-height: 1.35; }
body.iec-design.creative-study .award-panel .assurance-label{ font-size: 11px; }
body.iec-design.creative-study .award-panel p:not(.assurance-label){ font-size: 13px; }
body.iec-design.creative-study .value-panel{ padding: 29px 31px; background: rgb(247, 244, 249); border-radius: 18px; }
body.iec-design.creative-study .value-panel h2{ font-size: 25px; }
body.iec-design.creative-study .value-panel p{ font-size: 14px; line-height: 1.85; margin: 15px 0px 19px; }
body.iec-design.creative-study .faq{ padding-top: 58px; padding-bottom: 65px; align-items: start; }
body.iec-design.creative-study .faq > div:last-child{ background: rgb(247, 243, 250); border-radius: 18px; padding: 5px 27px; }
body.iec-design.creative-study .faq details:last-child{ border-bottom: 0px; }
body.iec-design.creative-study .home-enquiry{ background: var(--study-purple); padding-top: 70px; padding-bottom: 75px; align-items: center; gap: 7%; }
body.iec-design.creative-study .home-enquiry-copy{ color: rgb(255, 255, 255); }
body.iec-design.creative-study .home-enquiry-copy h2{ font-size: 44px; line-height: 1.2; }
body.iec-design.creative-study .home-enquiry-copy > p,body.iec-design.creative-study .home-enquiry-copy :is(ul,.iec-list){ color: rgb(234, 220, 241); }
body.iec-design.creative-study .home-enquiry-copy > .text-link{ color: rgb(255, 255, 255); text-decoration-color: rgb(208, 177, 223); }
body.iec-design.creative-study .home-enquiry-copy .enquiry-contact a{ color: rgb(255, 255, 255); }
body.iec-design.creative-study .home-enquiry .form-panel{ padding: 33px 32px; background: rgb(255, 255, 255); border-radius: 20px; box-shadow: rgba(53, 17, 65, 0.1) 0px 18px 50px; }
body.iec-design.creative-study .home-enquiry .form-panel h3{ font-size: 25px; }
body.iec-design.creative-study .home-enquiry :is(input, select){ background: rgb(251, 249, 252); border-color: rgb(198, 181, 207); }
body.iec-design.creative-study .home-enquiry .brief-result{ background: rgb(245, 239, 249); border-radius: 8px; }
@media (max-width: 1050px) {
  body.iec-design.creative-study .event-stories{ gap: 25px; }
  body.iec-design.creative-study .event-story-main > img{ height: 405px; }
  body.iec-design.creative-study .event-story-main > div{ margin: -50px 15px 0px; padding: 24px; }
  body.iec-design.creative-study .event-story-main h3{ font-size: 26px; }
  body.iec-design.creative-study .event-story-small{ display: block; }
  body.iec-design.creative-study .event-story-small > img{ height: 180px; min-height: 0px; }
  body.iec-design.creative-study .event-story-small > div{ padding: 23px; }
  body.iec-design.creative-study .event-video-row > div{ padding: 27px; }
  body.iec-design.creative-study .event-video-row h3{ font-size: 24px; }
  body.iec-design.creative-study .home-process-steps{ padding: 27px; gap: 23px; }
  body.iec-design.creative-study .home-process-steps::before{ top: 54px; left: 50px; right: 50px; }
  body.iec-design.creative-study .home-process-steps h3{ font-size: 18px; }
  body.iec-design.creative-study .home-review:first-child{ padding: 30px; }
  body.iec-design.creative-study .home-review:first-child blockquote{ font-size: 31px; }
  body.iec-design.creative-study .home-review{ padding: 24px; }
  body.iec-design.creative-study .home-review blockquote{ font-size: 20px; }
  body.iec-design.creative-study .award-panel{ padding: 23px; gap: 20px; }
  body.iec-design.creative-study .award-panel > a{ width: 82px; height: 135px; }
  body.iec-design.creative-study .award-panel h2{ font-size: 20px; }
  body.iec-design.creative-study .value-panel{ padding: 25px; }
  body.iec-design.creative-study .value-panel h2{ font-size: 23px; }
  body.iec-design.creative-study .home-enquiry .form-panel{ padding: 29px 25px; }
  body.iec-design.creative-study .home-enquiry-copy h2{ font-size: 38px; }
}
@media (max-width: 760px) {
  body.iec-design.creative-study .home-process-steps::before{ display: none; }
  body.iec-design.creative-study .home-review-grid{ grid-template-columns: 1fr; grid-template-rows: auto; gap: 20px; }
  body.iec-design.creative-study .home-review:first-child{ grid-row: auto; min-height: 340px; }
  body.iec-design.creative-study .home-review:first-child blockquote{ max-width: 23ch; }
  body.iec-design.creative-study .home-assurance{ gap: 22px; }
}
@media (max-width: 680px) {
  body.iec-design.creative-study .home-events{ padding-top: 45px; padding-bottom: 48px; }
  body.iec-design.creative-study .event-stories{ grid-template-columns: 1fr; grid-template-rows: auto; gap: 28px; }
  body.iec-design.creative-study .event-story-main{ grid-row: auto; }
  body.iec-design.creative-study .event-story-main > img{ height: 285px; border-radius: 14px; }
  body.iec-design.creative-study .event-story-main > div{ margin: -45px 15px 0px; padding: 23px 22px; border-radius: 10px; min-height: 0px; }
  body.iec-design.creative-study .event-story-main h3{ font-size: 25px; }
  body.iec-design.creative-study .event-story-main p:not(.event-kind){ font-size: 13px; line-height: 1.85; }
  body.iec-design.creative-study .event-story-small{ border-radius: 14px; }
  body.iec-design.creative-study .event-story-small > img{ height: 220px; min-height: 0px; border-radius: 0px; }
  body.iec-design.creative-study .event-story-small > div{ padding: 23px; }
  body.iec-design.creative-study .event-story-small h3{ font-size: 23px; }
  body.iec-design.creative-study .event-story-small p:not(.event-kind){ font-size: 13px; }
  body.iec-design.creative-study .event-story .text-link{ font-size: 12px; margin-top: 16px; }
  body.iec-design.creative-study .event-video-row{ grid-template-columns: 1fr; margin-top: 30px; border-radius: 14px; }
  body.iec-design.creative-study .event-video-row .video-poster{ height: 215px; border-radius: 0px; }
  body.iec-design.creative-study .event-video-row > div{ padding: 24px; }
  body.iec-design.creative-study .event-video-row h3{ font-size: 24px; }
  body.iec-design.creative-study .event-video-row p{ font-size: 13px; }
  body.iec-design.creative-study .home-process{ padding-top: 45px; padding-bottom: 48px; }
  body.iec-design.creative-study .home-process-steps{ padding: 26px 23px; gap: 28px 25px; border-radius: 16px; }
  body.iec-design.creative-study .step-icon{ width: 43px; height: 43px; border-radius: 12px; margin-bottom: 16px; }
  body.iec-design.creative-study .step-icon svg{ width: 24px; height: 24px; }
  body.iec-design.creative-study .home-process-steps h3{ font-size: 17px; line-height: 1.4; }
  body.iec-design.creative-study .home-process-steps p{ font-size: 12px; line-height: 1.85; }
  body.iec-design.creative-study .home-reviews{ padding-top: 48px; padding-bottom: 40px; }
  body.iec-design.creative-study .home-review{ padding: 25px; border-radius: 15px; }
  body.iec-design.creative-study .home-review:first-child{ padding: 28px; min-height: 350px; }
  body.iec-design.creative-study .home-review:first-child blockquote{ font-size: 30px; line-height: 1.45; margin-bottom: 30px; max-width: none; }
  body.iec-design.creative-study .home-review blockquote{ font-size: 22px; }
  body.iec-design.creative-study .home-review:first-child .review-context{ margin: 21px 0px 16px; }
  body.iec-design.creative-study .home-review :is(figcaption,.iec-caption) div > span{ font-size: 10px; }
  body.iec-design.creative-study .home-review :is(figcaption,.iec-caption) strong{ font-size: 13px; }
  body.iec-design.creative-study .home-assurance{ padding-top: 0px; padding-bottom: 48px; gap: 20px; }
  body.iec-design.creative-study .award-panel{ padding: 24px 22px; gap: 19px; border-radius: 15px; }
  body.iec-design.creative-study .award-panel > a{ width: 75px; height: 120px; }
  body.iec-design.creative-study .award-panel h2{ font-size: 19px; }
  body.iec-design.creative-study .award-panel p:not(.assurance-label){ font-size: 12px; }
  body.iec-design.creative-study .value-panel{ padding: 25px; border-radius: 15px; }
  body.iec-design.creative-study .value-panel h2{ font-size: 24px; }
  body.iec-design.creative-study .value-panel p{ font-size: 13px; }
  body.iec-design.creative-study .faq{ padding-top: 40px; padding-bottom: 48px; }
  body.iec-design.creative-study .faq > div:last-child{ border-radius: 15px; padding: 3px 22px; }
  body.iec-design.creative-study .faq summary{ font-size: 14px; }
  body.iec-design.creative-study .home-enquiry{ padding-top: 48px; padding-bottom: 50px; gap: 32px; }
  body.iec-design.creative-study .home-enquiry-copy h2{ font-size: 35px; }
  body.iec-design.creative-study .home-enquiry-copy > p{ font-size: 15px; }
  body.iec-design.creative-study .home-enquiry .form-panel{ padding: 26px 22px; border-radius: 16px; }
  body.iec-design.creative-study .home-enquiry .form-panel h3{ font-size: 24px; }
}
@media (max-width: 359px) {
  body.iec-design.creative-study .home-process-steps{ padding: 24px 18px; gap: 25px 19px; }
  body.iec-design.creative-study .home-process-steps h3{ font-size: 16px; }
  body.iec-design.creative-study .home-review:first-child{ padding: 25px; min-height: 330px; }
  body.iec-design.creative-study .home-review:first-child blockquote{ font-size: 28px; }
  body.iec-design.creative-study .award-panel{ padding: 22px 18px; gap: 15px; }
  body.iec-design.creative-study .award-panel > a{ width: 62px; height: 105px; }
  body.iec-design.creative-study .award-panel h2{ font-size: 17px; }
}
body.iec-design.creative-study .event-story-small{ position: relative; min-height: 250px; }
body.iec-design.creative-study .event-story-small > img{ position: absolute; inset: 0px auto 0px 0px; width: 42.5%; height: 100%; min-height: 0px; }
body.iec-design.creative-study .event-story-small > div{ grid-column: 2; }
@media (max-width: 1050px) {
  body.iec-design.creative-study .event-story-small{ min-height: 0px; }
  body.iec-design.creative-study .event-story-small > img{ position: static; width: 100%; height: 180px; }
  body.iec-design.creative-study .event-story-small > div{ grid-column: auto; }
}
@media (max-width: 680px) {
  body.iec-design.creative-study .event-story-small > img{ height: 220px; }
}
body.iec-design{ --iec-action-purple: var(--iec-brand,#732293); --iec-action-hover: #5b1977; --iec-arrow-size-sm: 36px; --iec-arrow-size-md: 40px; --iec-arrow-size-lg: 48px; --iec-arrow-icon: 19px; --iec-arrow-surface: #eee2f5; --iec-arrow-ink: #732293; --iec-arrow-duration: 150ms; --iec-action-focus: 3px solid #732293; }
body.iec-design.e .iec-arrow-circle{ --arrow-size: var(--iec-arrow-size-md); --arrow-bg: var(--iec-arrow-surface); --arrow-fg: var(--iec-arrow-ink); --arrow-hover-bg: var(--iec-action-purple); --arrow-hover-fg: #fff; display: inline-flex; align-items: center; justify-content: center; width: var(--arrow-size); height: var(--arrow-size); min-width: var(--arrow-size); flex: 0 0 var(--arrow-size); align-self: center; padding: 0px; margin: 0px; border: 0px; border-radius: 50%; background: var(--arrow-bg); color: var(--arrow-fg); vertical-align: middle; transition: background-color var(--iec-arrow-duration),color var(--iec-arrow-duration); }
body.iec-design.e .iec-arrow-link .iec-arrow-circle > svg,body.iec-design.e .iec-arrow-link .iec-arrow-circle >.iec-svg svg{ display: block; width: var(--iec-arrow-icon); height: var(--iec-arrow-icon); flex: 0 0 auto; stroke-width: 1.7; transform: none; }
body.iec-design.e .iec-arrow-circle--sm{ --arrow-size: var(--iec-arrow-size-sm); --iec-arrow-icon: 18px; }
body.iec-design.e .iec-arrow-circle--lg{ --arrow-size: var(--iec-arrow-size-lg); --iec-arrow-icon: 22px; }
body.iec-design.e .iec-arrow-circle--inverse{ --arrow-bg: #ffffff24; --arrow-fg: #fff; --arrow-hover-bg: #fff; --arrow-hover-fg: var(--iec-action-purple); }
body.iec-design.e .iec-arrow-link:hover .iec-arrow-circle,body.iec-design.e .iec-arrow-link:focus-visible .iec-arrow-circle{ background: var(--arrow-hover-bg); color: var(--arrow-hover-fg); }
body.iec-design.e .iec-arrow-link:active .iec-arrow-circle{ background: var(--iec-action-hover); color: rgb(255, 255, 255); }
body.iec-design.e .iec-arrow-link--inverse:active .iec-arrow-circle{ background: rgb(234, 221, 241); color: var(--iec-action-purple); }
body.iec-design.e .iec-arrow-link:focus-visible{ outline: var(--iec-action-focus); outline-offset: 5px; }
body.iec-design.e .iec-arrow-link--inverse:focus-visible{ outline-color: rgb(255, 255, 255); }
body.iec-design.e button.iec-arrow-link:disabled .iec-arrow-circle{ background: rgb(233, 228, 236); color: rgb(140, 129, 146); }
body.iec-design.e .text-link.iec-arrow-link{ display: inline-flex; align-items: center; gap: 12px; max-width: 100%; min-height: 44px; text-decoration: none; border-bottom: 0px; line-height: 1.6; }
body.iec-design.e .scene:hover .iec-arrow-circle > svg,body.iec-design.e .scene:hover .iec-arrow-circle >.iec-svg svg{ transform: none; }
body.iec-design.e .service-pick.iec-arrow-link{ grid-template-columns: 28px minmax(0,1fr) var(--iec-arrow-size-sm); }
body.iec-design.e .service-pick[aria-pressed="true"] .iec-arrow-circle{ background: var(--iec-action-purple); color: rgb(255, 255, 255); }
body.iec-design.e .service-pick[aria-pressed="true"]:hover .iec-arrow-circle{ background: var(--iec-action-hover); }
body.iec-design.e #service-view-link.iec-arrow-link{ min-height: 44px; text-decoration: none; }
body.iec-design.e .service-back .iec-arrow-circle{ margin-left: 10px; --arrow-size: var(--iec-arrow-size-sm); }
body.iec-design.e .iec-arrow-link .iec-arrow-circle--up > svg,body.iec-design.e .iec-arrow-link .iec-arrow-circle--up >.iec-svg svg{ transform: rotate(-90deg); }
@media (max-width: 680px) {
  body.iec-design.e .service-pick.iec-arrow-link{ grid-template-columns: 25px minmax(0,1fr) var(--iec-arrow-size-sm); }
  body.iec-design.e .iec-arrow-circle--lg{ --arrow-size: var(--iec-arrow-size-md); --iec-arrow-icon: 19px; }
  body.iec-design.e .text-link.iec-arrow-link{ gap: 10px; }
  body.iec-design.e .service-back .iec-arrow-circle{ --arrow-size: var(--iec-arrow-size-sm); }
}
@media (prefers-reduced-motion: reduce) {
  body.iec-design.e .iec-arrow-circle{ transition: none; }
}
@media (forced-colors: active) {
  body.iec-design.e .iec-arrow-circle{ border: 1px solid buttontext; background: buttonface; color: buttontext; }
  body.iec-design.e .iec-arrow-link:focus-visible{ outline-color: highlight; }
}
body.iec-design.e .service-back.iec-arrow-link{ min-height: 44px; }