:root {
    --bg: #080808;
    --bg-elevated: #0d0d0d;
    --paper: #eee9df;

    --text: #eeeae2;
    --text-soft: #b6b0a6;
    --text-dim: #77736c;

    --gold: #b89a69;
    --gold-light: #d7c19b;

    --border: rgba(255,255,255,.12);
    --border-soft: rgba(255,255,255,.07);

    --shell: 1320px;

    --gutter:
        clamp(
            20px,
            4.6vw,
            72px
        );

    --serif:
        Georgia,
        "Times New Roman",
        serif;

    --sans:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    background: var(--bg);
}

body {
    margin: 0;
    overflow-x: hidden;

    color: var(--text);
    background: var(--bg);

    font-family: var(--sans);
    font-size: 16px;
    line-height: 1.6;

    -webkit-font-smoothing:
        antialiased;

    text-rendering:
        optimizeLegibility;
}

body.menu-open {
    overflow: hidden;
}

img {
    display: block;
    width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    color: inherit;
    font: inherit;
}

::selection {
    color: #090909;
    background: var(--gold-light);
}

.shell {
    width:
        min(
            calc(
                100% -
                (var(--gutter) * 2)
            ),
            var(--shell)
        );

    margin-inline: auto;
}

.noise {
    position: fixed;
    z-index: 100;
    inset: 0;

    pointer-events: none;

    opacity: .018;

    background-image:
        url(
            "data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E"
        );
}

/* =========================
   HEADER
========================= */

.header {
    position: fixed;
    z-index: 90;

    inset:
        0
        0
        auto;

    border-bottom:
        1px solid
        transparent;

    transition:
        background .35s ease,
        border-color .35s ease,
        backdrop-filter .35s ease;
}

.header.is-scrolled {
    background:
        rgba(
            8,
            8,
            8,
            .86
        );

    border-color:
        var(--border-soft);

    backdrop-filter:
        blur(14px);
}

.header__inner {
    min-height: 84px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 36px;
}

.brand {
    display: flex;
    align-items: center;

    gap: 14px;

    flex: 0 0 auto;
}

.brand__mark {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .35
        );

    font-family:
        var(--serif);

    font-size: 13px;

    letter-spacing:
        -.02em;
}

.brand__name {
    font-size: 12px;
    font-weight: 700;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;
}

.nav {
    display: flex;
    align-items: center;

    gap:
        clamp(
            18px,
            3vw,
            44px
        );
}

.nav a {
    position: relative;

    padding:
        8px
        0;

    color:
        rgba(
            255,
            255,
            255,
            .67
        );

    font-size: 10px;
    font-weight: 700;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;

    transition:
        color .25s ease;
}

.nav a::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 3px;
    left: 0;

    height: 1px;

    background:
        var(--gold);

    transform:
        scaleX(0);

    transform-origin:
        right;

    transition:
        transform .3s ease;
}

.nav a:hover {
    color: #fff;
}

.nav a:hover::after {
    transform:
        scaleX(1);

    transform-origin:
        left;
}

.menu-toggle {
    display: none;

    width: 44px;
    height: 44px;

    padding: 0;
    border: 0;

    background:
        transparent;
}

.menu-toggle span {
    display: block;

    width: 24px;
    height: 1px;

    margin:
        7px auto;

    background:
        #fff;

    transition:
        transform .25s ease,
        opacity .25s ease;
}

/* =========================
   HERO
========================= */

.hero {
    position: relative;

    min-height:
        100svh;

    overflow:
        hidden;

    background:
        #080808;
}

.hero__media {
    position: absolute;
    inset: 0;
}

.hero__media img {
    width: 100%;
    height: 100%;

    object-fit:
        cover;

    object-position:
        66% center;

    filter:
        saturate(.72)
        contrast(1.04)
        brightness(.83);

    transform:
        scale(1.015);
}

.hero__shade {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(4,4,4,.96) 0%,
            rgba(4,4,4,.84) 27%,
            rgba(4,4,4,.24) 61%,
            rgba(4,4,4,.09) 100%
        ),
        linear-gradient(
            0deg,
            rgba(4,4,4,.78) 0%,
            transparent 43%
        );
}

.hero__line {
    position: absolute;
    z-index: 2;

    top: 0;
    bottom: 0;
    left: 52%;

    width: 1px;

    background:
        linear-gradient(
            transparent,
            rgba(255,255,255,.15) 18%,
            rgba(255,255,255,.15) 82%,
            transparent
        );
}

.hero__content {
    position: relative;
    z-index: 4;

    min-height:
        100svh;

    padding-top:
        160px;

    padding-bottom:
        58px;

    display: flex;
    flex-direction: column;

    justify-content:
        flex-end;
}

.hero__meta {
    display: flex;
    align-items: center;

    gap: 16px;

    margin-bottom:
        32px;

    color:
        rgba(
            255,
            255,
            255,
            .65
        );

    font-size: 9px;
    font-weight: 700;

    letter-spacing:
        .2em;

    text-transform:
        uppercase;
}

.hero__meta-line {
    width: 44px;
    height: 1px;

    background:
        var(--gold);
}

.hero__title {
    width:
        min(
            950px,
            76vw
        );

    margin: 0;

    font-family:
        var(--serif);

    font-size:
        clamp(
            72px,
            11.5vw,
            174px
        );

    font-weight: 400;

    line-height:
        .79;

    letter-spacing:
        -.062em;
}

.hero__title span {
    display: block;
}

.hero__title-offset {
    margin-left:
        .52em;

    color:
        var(--paper);

    font-style:
        italic;
}

.hero__bottom {
    margin-top:
        clamp(
            54px,
            8vh,
            100px
        );

    display: flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap: 40px;
}

.hero__disciplines {
    display: flex;
    flex-wrap: wrap;

    gap:
        10px
        24px;

    width:
        min(
            650px,
            75%
        );
}

.hero__disciplines span {
    color:
        rgba(
            255,
            255,
            255,
            .73
        );

    font-size: 10px;
    font-weight: 700;

    letter-spacing:
        .17em;

    text-transform:
        uppercase;
}

.hero__disciplines span:not(:last-child)::after {
    content: "·";

    margin-left:
        24px;

    color:
        var(--gold);
}

.scroll-cue {
    display:
        inline-flex;

    align-items:
        center;

    gap: 14px;

    color:
        rgba(
            255,
            255,
            255,
            .62
        );

    font-size: 9px;
    font-weight: 700;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;
}

.scroll-cue i {
    position: relative;

    width: 48px;
    height: 48px;

    display: block;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .24
        );

    border-radius:
        50%;
}

.scroll-cue i::before {
    content: "";

    position: absolute;

    top: 17px;
    left: 22px;

    width: 1px;
    height: 13px;

    background:
        var(--gold-light);
}

.scroll-cue i::after {
    content: "";

    position: absolute;

    left: 19px;
    bottom: 16px;

    width: 6px;
    height: 6px;

    border-right:
        1px solid
        var(--gold-light);

    border-bottom:
        1px solid
        var(--gold-light);

    transform:
        rotate(45deg);
}

/* =========================
   BASE SECTIONS
========================= */

.section {
    position: relative;

    padding:
        clamp(
            96px,
            11vw,
            175px
        )
        0;

    border-bottom:
        1px solid
        var(--border-soft);
}

.section-label {
    display: flex;
    align-items: center;

    gap: 18px;

    margin-bottom:
        clamp(
            54px,
            7vw,
            100px
        );

    color:
        var(--text-dim);

    font-size: 9px;
    font-weight: 700;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;
}

.section-label span:first-child {
    color:
        var(--gold);
}

.section-label::after {
    content: "";

    flex: 1;

    height: 1px;

    background:
        var(--border-soft);
}

.kicker {
    margin:
        0
        0
        22px;

    color:
        var(--gold-light);

    font-size: 9px;
    font-weight: 700;

    letter-spacing:
        .2em;

    text-transform:
        uppercase;
}

.display-title {
    margin: 0;

    font-family:
        var(--serif);

    font-size:
        clamp(
            48px,
            6vw,
            88px
        );

    font-weight: 400;

    line-height:
        .98;

    letter-spacing:
        -.045em;
}

/* =========================
   PROFILE
========================= */

.profile {
    background:
        radial-gradient(
            circle at 86% 15%,
            rgba(
                184,
                154,
                105,
                .075
            ),
            transparent 30%
        ),
        var(--bg);
}

.profile__grid {
    display: grid;

    grid-template-columns:
        minmax(0, .9fr)
        minmax(0, 1.1fr);

    gap:
        clamp(
            50px,
            9vw,
            145px
        );

    align-items:
        start;
}

.profile__headline h2 {
    margin: 0;

    font-family:
        var(--serif);

    font-size:
        clamp(
            46px,
            6vw,
            86px
        );

    font-weight: 400;

    line-height:
        .99;

    letter-spacing:
        -.043em;
}

.profile__headline em {
    color:
        var(--gold-light);

    font-weight: 400;
}

.profile__copy {
    padding-top:
        40px;
}

.profile__copy p {
    max-width:
        720px;

    margin:
        0
        0
        28px;

    color:
        var(--text-soft);

    font-size:
        clamp(
            16px,
            1.35vw,
            20px
        );

    line-height:
        1.85;
}

.profile__copy .profile__lead {
    color:
        var(--paper);

    font-family:
        var(--serif);

    font-size:
        clamp(
            24px,
            2.5vw,
            36px
        );

    line-height:
        1.48;

    letter-spacing:
        -.015em;
}

.profile__copy strong {
    color: #fff;

    font-weight:
        500;
}

/* =========================
   1993 IMAGE STATEMENT
========================= */

.image-statement {
    position: relative;

    min-height:
        92svh;

    display: grid;

    grid-template-columns:
        1.17fr
        .83fr;

    overflow:
        hidden;

    color:
        #111;

    background:
        var(--paper);
}

.image-statement__image {
    min-height:
        92svh;

    overflow:
        hidden;
}

.image-statement__image img {
    width: 100%;
    height: 100%;

    object-fit:
        cover;

    object-position:
        center;

    filter:
        saturate(.72)
        contrast(1.03);

    transition:
        transform
        1.2s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        );
}

.image-statement:hover
.image-statement__image img {
    transform:
        scale(1.015);
}

.image-statement__content {
    padding:
        clamp(
            50px,
            8vw,
            130px
        )
        clamp(
            36px,
            6vw,
            100px
        );

    display: flex;

    flex-direction:
        column;

    justify-content:
        space-between;

    border-left:
        1px solid
        rgba(
            0,
            0,
            0,
            .15
        );
}

.image-statement__number {
    font-family:
        var(--serif);

    font-size:
        clamp(
            92px,
            12vw,
            180px
        );

    line-height:
        .8;

    letter-spacing:
        -.07em;
}

.image-statement__text {
    max-width:
        480px;
}

.image-statement__text span {
    display:
        block;

    margin-bottom:
        24px;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        .19em;

    text-transform:
        uppercase;
}

.image-statement__text p {
    margin: 0;

    font-family:
        var(--serif);

    font-size:
        clamp(
            29px,
            3.4vw,
            49px
        );

    line-height:
        1.1;

    letter-spacing:
        -.03em;
}

/* =========================
   ARTISTIC PRACTICE
========================= */

.practice {
    background:
        var(--bg-elevated);
}

.practice__intro {
    margin-bottom:
        clamp(
            60px,
            8vw,
            120px
        );

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(260px, .8fr);

    gap:
        60px;

    align-items:
        end;
}

.practice__intro-copy {
    max-width:
        520px;

    justify-self:
        end;

    margin:
        0 0 6px;

    color:
        var(--text-soft);

    font-size:
        clamp(
            15px,
            1.3vw,
            19px
        );

    line-height:
        1.8;
}

.practice__list {
    border-top:
        1px solid
        var(--border);
}

.practice-row {
    min-height:
        176px;

    display:
        grid;

    grid-template-columns:
        70px
        minmax(220px, .85fr)
        minmax(280px, 1fr)
        50px;

    gap:
        30px;

    align-items:
        center;

    border-bottom:
        1px solid
        var(--border);

    transition:
        background .35s ease,
        padding .35s ease;
}

.practice-row:hover {
    padding-inline:
        18px;

    background:
        rgba(
            255,
            255,
            255,
            .022
        );
}

.practice-row__number {
    color:
        var(--gold);

    font-family:
        var(--serif);

    font-size:
        14px;
}

.practice-row h3 {
    margin: 0;

    font-family:
        var(--serif);

    font-size:
        clamp(
            34px,
            4vw,
            57px
        );

    font-weight:
        400;

    letter-spacing:
        -.03em;
}

.practice-row p {
    max-width:
        480px;

    margin: 0;

    color:
        var(--text-soft);

    font-size:
        14px;

    line-height:
        1.8;
}

.practice-row__arrow {
    color:
        var(--gold-light);

    font-size:
        22px;

    text-align:
        right;
}

/* =========================
   JOURNEY
========================= */

.journey {
    background:
        linear-gradient(
            115deg,
            rgba(184,154,105,.035),
            transparent 42%
        ),
        var(--bg);
}

.journey__grid {
    display: grid;

    grid-template-columns:
        minmax(320px, .8fr)
        minmax(0, 1.2fr);

    gap:
        clamp(
            60px,
            10vw,
            150px
        );

    align-items:
        start;
}

.journey__sticky {
    position: sticky;
    top: 140px;
}

.journey__steps {
    border-top:
        1px solid
        var(--border);
}

.journey-card {
    padding:
        46px
        0
        56px;

    border-bottom:
        1px solid
        var(--border);
}

.journey-card__top {
    margin-bottom:
        42px;

    display: flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        30px;

    color:
        var(--text-dim);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .17em;

    text-transform:
        uppercase;
}

.journey-card__top strong {
    color:
        var(--gold-light);

    font-weight:
        700;
}

.journey-card h3 {
    max-width:
        680px;

    margin:
        0
        0
        22px;

    font-family:
        var(--serif);

    font-size:
        clamp(
            34px,
            4.3vw,
            60px
        );

    font-weight:
        400;

    line-height:
        1.06;

    letter-spacing:
        -.035em;
}

.journey-card p {
    max-width:
        560px;

    margin: 0;

    color:
        var(--text-soft);

    font-size:
        15px;

    line-height:
        1.8;
}

/* =========================
   VISION
========================= */

.vision {
    overflow:
        hidden;

    background:
        #0b0a09;
}

.vision__orb {
    position:
        absolute;

    width:
        min(
            760px,
            70vw
        );

    aspect-ratio:
        1;

    right:
        -24vw;

    top:
        4%;

    border:
        1px solid
        rgba(
            184,
            154,
            105,
            .13
        );

    border-radius:
        50%;
}

.vision__orb::before,
.vision__orb::after {
    content: "";

    position:
        absolute;

    border:
        1px solid
        rgba(
            184,
            154,
            105,
            .08
        );

    border-radius:
        50%;
}

.vision__orb::before {
    inset:
        15%;
}

.vision__orb::after {
    inset:
        31%;
}

.vision__grid {
    position:
        relative;

    z-index:
        2;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap:
        clamp(
            50px,
            9vw,
            145px
        );
}

.vision__title h2 {
    margin: 0;

    font-family:
        var(--serif);

    font-size:
        clamp(
            52px,
            7vw,
            100px
        );

    font-weight:
        400;

    line-height:
        .94;

    letter-spacing:
        -.05em;
}

.vision__title em {
    color:
        var(--gold-light);

    font-weight:
        400;
}

.vision__copy {
    padding-top:
        58px;
}

.vision__copy p {
    max-width:
        680px;

    margin:
        0
        0
        34px;

    color:
        var(--text-soft);

    font-size:
        clamp(
            17px,
            1.55vw,
            22px
        );

    line-height:
        1.82;
}

.vision__copy strong {
    color:
        #fff;

    font-weight:
        500;
}

.vision__keywords {
    position:
        relative;

    z-index:
        2;

    margin-top:
        clamp(
            80px,
            10vw,
            145px
        );

    display:
        flex;

    flex-wrap:
        wrap;

    border-top:
        1px solid
        var(--border);

    border-left:
        1px solid
        var(--border);
}

.vision__keywords span {
    flex:
        1 1 220px;

    min-height:
        82px;

    display:
        grid;

    place-items:
        center;

    padding:
        18px;

    border-right:
        1px solid
        var(--border);

    border-bottom:
        1px solid
        var(--border);

    color:
        rgba(
            255,
            255,
            255,
            .68
        );

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .17em;

    text-align:
        center;

    text-transform:
        uppercase;
}

/* =========================
   GALLERY
========================= */

.gallery {
    padding:
        clamp(
            96px,
            11vw,
            175px
        )
        0
        0;

    background:
        var(--paper);

    color:
        #111;
}

.gallery .section-label {
    color:
        rgba(
            0,
            0,
            0,
            .48
        );
}

.gallery .section-label::after {
    background:
        rgba(
            0,
            0,
            0,
            .12
        );
}

.gallery__header {
    padding-bottom:
        clamp(
            60px,
            8vw,
            110px
        );
}

.gallery__statement {
    max-width:
        950px;

    margin: 0;

    font-family:
        var(--serif);

    font-size:
        clamp(
            48px,
            7vw,
            104px
        );

    line-height:
        .94;

    letter-spacing:
        -.05em;
}

.gallery__grid {
    display:
        grid;

    grid-template-columns:
        1.2fr
        .8fr;
}

.gallery-card {
    position:
        relative;

    min-height:
        50vw;

    margin: 0;

    overflow:
        hidden;

    background:
        #1a1a1a;
}

.gallery-card--wide {
    grid-row:
        span 2;
}

.gallery-card img {
    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    filter:
        saturate(.77)
        contrast(1.02);

    transition:
        transform
        .9s
        cubic-bezier(.2,.7,.2,1),
        filter
        .6s
        ease;
}

.gallery-card:hover img {
    transform:
        scale(1.018);

    filter:
        saturate(.88)
        contrast(1.01);
}

.gallery-card figcaption {
    position:
        absolute;

    left:
        26px;

    bottom:
        22px;

    padding:
        8px
        10px;

    color:
        #fff;

    background:
        rgba(
            0,
            0,
            0,
            .35
        );

    backdrop-filter:
        blur(8px);

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .18em;

    text-transform:
        uppercase;
}

.gallery-card:not(.gallery-card--wide) {
    min-height:
        36vw;
}


/* =========================
   FINALE
========================= */

.finale {
    padding:
        clamp(
            110px,
            14vw,
            220px
        )
        0;

    overflow:
        hidden;

    background:
        #070707;
}

.finale__inner {
    text-align:
        center;
}

.finale__eyebrow {
    margin:
        0
        0
        34px;

    color:
        var(--gold-light);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .22em;

    text-transform:
        uppercase;
}

.finale__title {
    max-width:
        1150px;

    margin:
        0
        auto;

    font-family:
        var(--serif);

    font-size:
        clamp(
            55px,
            8vw,
            118px
        );

    font-weight:
        400;

    line-height:
        .92;

    letter-spacing:
        -.055em;
}

.finale__title span {
    display:
        block;

    color:
        var(--gold-light);

    font-style:
        italic;
}

.finale__meta {
    margin-top:
        clamp(
            56px,
            7vw,
            90px
        );

    display:
        flex;

    flex-wrap:
        wrap;

    justify-content:
        center;

    gap:
        13px
        30px;
}

.finale__meta span {
    color:
        rgba(
            255,
            255,
            255,
            .45
        );

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .17em;

    text-transform:
        uppercase;
}

/* =========================
   FOOTER
========================= */

.footer {
    border-top:
        1px solid
        var(--border-soft);

    background:
        #060606;
}

.footer__inner {
    min-height:
        110px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        40px;
}

.footer__inner > div {
    display:
        flex;

    align-items:
        center;

    gap:
        22px;
}

.footer strong {
    font-family:
        var(--serif);

    font-size:
        17px;

    font-weight:
        400;
}

.footer span,
.footer a {
    color:
        var(--text-dim);

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .17em;

    text-transform:
        uppercase;
}

.footer a {
    color:
        var(--gold-light);
}

/* =========================
   SCROLL REVEAL
========================= */

.reveal {
    opacity:
        0;

    transform:
        translateY(26px);

    transition:
        opacity
        .8s
        cubic-bezier(.2,.7,.2,1),
        transform
        .8s
        cubic-bezier(.2,.7,.2,1);
}

.reveal.is-visible {
    opacity:
        1;

    transform:
        translateY(0);
}

/* =========================
   LAPTOP
========================= */

@media (max-width: 1080px) {

    .hero__title {
        width:
            90%;
    }

    .profile__grid,
    .journey__grid,
    .vision__grid {
        gap:
            70px;
    }

    .practice-row {
        grid-template-columns:
            50px
            minmax(200px, .8fr)
            minmax(240px, 1fr)
            36px;
    }

}

/* =========================
   TABLET
========================= */

@media (max-width: 880px) {

    .header__inner {
        min-height:
            72px;
    }

    .menu-toggle {
        position:
            relative;

        z-index:
            4;

        display:
            block;
    }

    .nav {
        position:
            fixed;

        z-index:
            3;

        inset:
            0;

        padding:
            120px
            var(--gutter)
            50px;

        display:
            flex;

        flex-direction:
            column;

        align-items:
            flex-start;

        justify-content:
            center;

        gap:
            26px;

        background:
            rgba(
                7,
                7,
                7,
                .98
            );

        visibility:
            hidden;

        opacity:
            0;

        pointer-events:
            none;

        transition:
            opacity .25s ease,
            visibility .25s ease;
    }

    .nav a {
        font-family:
            var(--serif);

        font-size:
            clamp(
                34px,
                8vw,
                58px
            );

        font-weight:
            400;

        letter-spacing:
            -.03em;

        text-transform:
            none;
    }

    .menu-open .nav {
        visibility:
            visible;

        opacity:
            1;

        pointer-events:
            auto;
    }

    .menu-open
    .menu-toggle
    span:first-child {
        transform:
            translateY(4px)
            rotate(45deg);
    }

    .menu-open
    .menu-toggle
    span:last-child {
        transform:
            translateY(-4px)
            rotate(-45deg);
    }

    .hero__media img {
        object-position:
            58% center;
    }

    .hero__shade {
        background:
            linear-gradient(
                0deg,
                rgba(4,4,4,.93) 0%,
                rgba(4,4,4,.48) 54%,
                rgba(4,4,4,.22) 100%
            ),
            linear-gradient(
                90deg,
                rgba(4,4,4,.48),
                transparent 70%
            );
    }

    .hero__line {
        left:
            68%;
    }

    .hero__content {
        padding-top:
            135px;
    }

    .hero__title {
        width:
            100%;

        font-size:
            clamp(
                68px,
                15vw,
                125px
            );
    }

    .hero__title-offset {
        margin-left:
            .16em;
    }

    .profile__grid,
    .journey__grid,
    .vision__grid,
    .practice__intro {
        grid-template-columns:
            1fr;
    }

    .profile__copy,
    .vision__copy {
        padding-top:
            0;
    }

    .image-statement {
        grid-template-columns:
            1fr;
    }

    .image-statement__image {
        min-height:
            70svh;
    }

    .image-statement__content {
        min-height:
            520px;

        border-top:
            1px solid
            rgba(
                0,
                0,
                0,
                .15
            );

        border-left:
            0;
    }

    .practice__intro-copy {
        justify-self:
            start;
    }

    .practice-row {
        grid-template-columns:
            42px
            1fr
            34px;

        padding:
            34px
            0;

        gap:
            20px;
    }

    .practice-row p {
        grid-column:
            2 / 3;

        margin-top:
            -14px;
    }

    .practice-row__arrow {
        grid-column:
            3;

        grid-row:
            1;
    }

    .journey__sticky {
        position:
            static;
    }

    .gallery__grid {
        grid-template-columns:
            1fr
            1fr;
    }

    .gallery-card--wide {
        grid-column:
            1 / -1;

        grid-row:
            auto;

        min-height:
            80vw;
    }

    .gallery-card:not(.gallery-card--wide) {
        min-height:
            65vw;
    }

}

/* =========================
   MOBILE
========================= */

@media (max-width: 560px) {

    :root {
        --gutter:
            20px;
    }

    .brand__name {
        display:
            none;
    }

    .hero__content {
        padding-top:
            120px;

        padding-bottom:
            34px;
    }

    .hero__meta {
        flex-wrap:
            wrap;

        gap:
            10px;
    }

    .hero__title {
        font-size:
            clamp(
                64px,
                21vw,
                94px
            );
    }

    .hero__bottom {
        margin-top:
            46px;

        align-items:
            center;
    }

    .hero__disciplines {
        width:
            72%;

        gap:
            7px
            10px;
    }

    .hero__disciplines span {
        font-size:
            8px;
    }

    .hero__disciplines
    span:not(:last-child)::after {
        margin-left:
            10px;
    }

    .scroll-cue span {
        display:
            none;
    }

    .section {
        padding:
            86px
            0;
    }

    .section-label {
        margin-bottom:
            48px;
    }

    .profile__headline h2 {
        font-size:
            47px;
    }

    .profile__copy
    .profile__lead {
        font-size:
            26px;
    }

    .image-statement__image {
        min-height:
            62svh;
    }

    .image-statement__content {
        min-height:
            430px;

        padding:
            42px
            24px;
    }

    .image-statement__number {
        font-size:
            92px;
    }

    .practice-row {
        grid-template-columns:
            33px
            1fr
            26px;
    }

    .practice-row h3 {
        font-size:
            35px;
    }

    .journey-card {
        padding:
            34px
            0
            42px;
    }

    .vision__keywords span {
        flex-basis:
            50%;

        min-height:
            74px;

        font-size:
            8px;
    }

    .gallery {
        padding-top:
            86px;
    }

    .gallery__grid {
        grid-template-columns:
            1fr;
    }

    .gallery-card--wide,
    .gallery-card:not(.gallery-card--wide) {
        min-height:
            115vw;
    }

    .footer__inner {
        min-height:
            0;

        padding:
            30px
            0;

        align-items:
            flex-start;

        flex-direction:
            column;
    }

    .footer__inner > div {
        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            7px;
    }

    .footer__right {
        width:
            100%;

        flex-direction:
            row !important;

        justify-content:
            space-between;
    }

}

/* =========================
   ACCESSIBILITY
========================= */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior:
            auto;
    }

    *,
    *::before,
    *::after {
        transition-duration:
            .01ms !important;

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;
    }

    .reveal {
        opacity:
            1;

        transform:
            none;
    }

}



/* ARMIN GHEITASI SIGNATURE BRAND */

.brand {
    display: inline-flex;
    align-items: center;
    color: #f2ede4;
    text-decoration: none;
}

.brand__mark,
.brand__name {
    display: none !important;
}

.brand__script {
    display: block;

    font-family:
        "Segoe Script",
        "Snell Roundhand",
        "Brush Script MT",
        cursive;

    font-size:
        clamp(27px, 2.15vw, 38px);

    font-weight: 400;
    line-height: 1;

    letter-spacing: -0.045em;

    white-space: nowrap;

    transform:
        rotate(-3deg);

    transform-origin:
        left center;

    color:
        #f2ede4;

    text-shadow:
        0 0 28px
        rgba(184,154,105,.10);
}

.brand:hover .brand__script {
    color:
        var(--gold-light);
}

/* FOOTER COPYRIGHT */

.footer__legal {
    min-height: 74px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 24px;

    border-top:
        1px solid
        var(--border-soft);
}

.footer__legal p {
    margin: 0;

    color:
        var(--text-dim);

    font-size: 8px;
    font-weight: 600;

    line-height: 1.7;

    letter-spacing: .14em;

    text-transform: uppercase;
}

.footer__credit {
    text-align: right;
}

.footer__credit strong {
    color:
        var(--gold-light);

    font-family:
        var(--serif);

    font-size: 12px;
    font-style: italic;
    font-weight: 400;

    letter-spacing: .08em;

    text-transform: lowercase;
}

@media (max-width: 560px) {

    .brand__script {
        font-size: 27px;
    }

    .footer__legal {
        min-height: 0;

        padding-top: 22px;
        padding-bottom: 22px;

        flex-direction: column;

        align-items: flex-start;
    }

    .footer__credit {
        text-align: left;
    }

}

/* AG THEME START */

:root {
    --bg: #001621;
    --bg-elevated: #02202d;
    --paper: #f5efe7;

    --text: #f3efe7;
    --text-soft: rgba(243,239,231,.78);
    --text-dim: rgba(243,239,231,.52);

    --gold: #ff4103;
    --gold-light: #ff6c36;

    --border: rgba(255,255,255,.12);
    --border-soft: rgba(255,255,255,.08);
}

.header.is-scrolled {
    background: rgba(0,22,33,.88);
}

.brand__script {
    display: none !important;
}

.brand__logo {
    display: block;
    width: 220px;
    height: 56px;
    background: var(--paper);
    -webkit-mask: url("/assets/images/logo/armin-gheitasi-logo.png") center / contain no-repeat;
    mask: url("/assets/images/logo/armin-gheitasi-logo.png") center / contain no-repeat;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.hero__shade {
    background:
        linear-gradient(
            90deg,
            rgba(0,22,33,.96) 0%,
            rgba(0,22,33,.82) 28%,
            rgba(0,22,33,.26) 62%,
            rgba(0,22,33,.08) 100%
        ),
        linear-gradient(
            0deg,
            rgba(0,22,33,.78) 0%,
            transparent 43%
        );
}

.performance-gallery .gallery__statement {
    color: #0d1620;
}

.performance-gallery__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.listen-watch {
    background: var(--bg-elevated);
}

.listen-watch__intro {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 40px;
    align-items: end;
    margin-bottom: 56px;
}

.listen-watch__lead {
    margin: 0;
    max-width: 860px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 2.7vw, 40px);
    line-height: 1.35;
    color: var(--paper);
}

.platform-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.platform-pills a,
.release-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 10px 18px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 999px;
    color: var(--paper);
    background: rgba(255,255,255,.04);
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.platform-pills a:hover,
.release-links a:hover {
    transform: translateY(-2px);
    border-color: var(--gold);
    background: rgba(255,65,3,.10);
}

.release-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.release-card {
    padding: 28px;
    border: 1px solid rgba(255,255,255,.10);
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
        rgba(0,0,0,.08);
    backdrop-filter: blur(10px);
}

.release-card h3 {
    margin: 0 0 12px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(26px, 2.3vw, 36px);
    font-weight: 400;
    line-height: 1.1;
    color: var(--paper);
}

.release-card p {
    margin: 0 0 18px;
    color: var(--text-soft);
    line-height: 1.8;
}

.release-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.footer__credit strong {
    color: var(--gold-light);
}

@media (max-width: 900px) {
    .performance-gallery__grid,
    .release-grid,
    .listen-watch__intro {
        grid-template-columns: 1fr;
    }

    .platform-pills {
        justify-content: flex-start;
    }

    .brand__logo {
        width: 180px;
        height: 48px;
    }
}

@media (max-width: 560px) {
    .brand__logo {
        width: 160px;
        height: 42px;
    }

    .release-card {
        padding: 20px;
    }
}

/* AG THEME END */

/* =========================================
   AG FINAL POLISH
========================================= */

/* FASTEST FLUTIST */

.speed-feature {
    position: relative;

    padding:
        clamp(90px, 11vw, 170px)
        0;

    overflow: hidden;

    background:
        var(--gold);

    color:
        #001621;
}

.speed-feature::after {
    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    right: -260px;
    top: -270px;

    border:
        1px solid
        rgba(0,22,33,.18);

    border-radius: 50%;

    box-shadow:
        0 0 0 85px
        rgba(0,22,33,.035),
        0 0 0 170px
        rgba(0,22,33,.025);
}

.speed-feature__grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(260px,.72fr)
        minmax(0,1.28fr);

    gap:
        clamp(50px,8vw,130px);

    align-items: center;
}

.speed-feature__number {
    display: flex;
    flex-direction: column;

    align-items: flex-start;
}

.speed-feature__label {
    margin-bottom: 26px;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .2em;

    text-transform: uppercase;
}

.speed-feature__number strong {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(130px,19vw,280px);

    font-weight: 400;

    line-height: .72;

    letter-spacing: -.09em;
}

.speed-feature__unit {
    margin-top: 28px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: .18em;

    text-transform: uppercase;
}

.speed-feature__content {
    max-width: 720px;
}

.speed-feature__content .kicker {
    color: #001621;
}

.speed-feature__content h2 {
    margin:
        0
        0
        30px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(46px,6vw,82px);

    font-weight: 400;

    line-height: .98;

    letter-spacing: -.045em;
}

.speed-feature__content h2 em {
    display: block;

    font-weight: 400;
}

.speed-feature__content p {
    max-width: 620px;

    margin:
        0
        0
        35px;

    font-size:
        clamp(16px,1.4vw,20px);

    line-height: 1.8;
}

.speed-feature__watch {
    display: inline-flex;

    align-items: center;

    gap: 22px;

    min-height: 54px;

    padding:
        12px
        20px;

    border:
        1px solid
        rgba(0,22,33,.32);

    color: #001621;

    text-decoration: none;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: .12em;

    text-transform: uppercase;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.speed-feature__watch:hover {
    background: #001621;
    color: #f5efe7;

    transform:
        translateY(-2px);
}


/* QUICK ACTIONS */

.quick-actions {
    position: fixed;

    z-index: 80;

    right: 18px;
    bottom: 18px;

    display: flex;

    align-items: stretch;

    padding: 5px;

    border:
        1px solid
        rgba(255,255,255,.13);

    background:
        rgba(0,22,33,.88);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

    box-shadow:
        0 18px 50px
        rgba(0,0,0,.24);
}

.quick-actions a {
    min-width: 116px;

    display: flex;
    flex-direction: column;

    justify-content: center;

    gap: 3px;

    padding:
        10px
        14px;

    color:
        var(--paper);

    text-decoration: none;

    border-right:
        1px solid
        rgba(255,255,255,.09);

    transition:
        background .2s ease;
}

.quick-actions a:last-child {
    border-right: 0;
}

.quick-actions a:hover {
    background:
        rgba(255,65,3,.13);
}

.quick-actions span {
    color:
        var(--text-dim);

    font-size: 7px;

    font-weight: 700;

    letter-spacing: .14em;

    text-transform: uppercase;
}

.quick-actions b {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;

    font-weight: 400;
}


/* GALLERY FINAL */

.performance-gallery__grid {
    gap: 1px;

    background:
        rgba(0,0,0,.15);
}

.performance-gallery__grid
.gallery-card {
    min-height:
        clamp(
            420px,
            52vw,
            760px
        );
}

.performance-gallery__grid
.gallery-card img {
    object-position:
        center center;
}


/* MOBILE */

@media (max-width: 760px) {

    .speed-feature__grid {
        grid-template-columns:
            1fr;
    }

    .speed-feature__number strong {
        font-size:
            clamp(120px,42vw,190px);
    }

    .quick-actions {
        left: 12px;
        right: 12px;
        bottom: 12px;

        width: auto;
    }

    .quick-actions a {
        flex: 1;

        min-width: 0;

        padding:
            10px
            8px;
    }

    .quick-actions span {
        font-size: 6px;
    }

    .quick-actions b {
        font-size: 13px;
    }

    body {
        padding-bottom: 80px;
    }

}


/* =========================================
   FOOTER SOCIALS
========================================= */

.footer-socials {
    padding-top: 32px;
    padding-bottom: 34px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 32px;

    border-top:
        1px solid
        var(--border-soft);
}

.footer-socials__title {
    color:
        var(--text-dim);

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .18em;

    text-transform: uppercase;
}

.footer-socials__links {
    display: flex;
    align-items: center;

    flex-wrap: wrap;

    gap: 10px;
}

.footer-socials__links a {
    min-height: 44px;

    padding:
        9px
        14px;

    display: inline-flex;
    align-items: center;

    gap: 9px;

    border:
        1px solid
        rgba(255,255,255,.10);

    color:
        var(--text-soft);

    text-decoration: none;

    transition:
        color .22s ease,
        border-color .22s ease,
        background .22s ease,
        transform .22s ease;
}

.footer-socials__links svg {
    width: 18px;
    height: 18px;

    flex: 0 0 auto;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.65;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.footer-socials__links a:hover {
    color:
        var(--gold);

    border-color:
        rgba(255,65,3,.52);

    background:
        rgba(255,65,3,.06);

    transform:
        translateY(-2px);
}

.footer-socials__links span {
    font-size: 8px;
    font-weight: 700;

    letter-spacing: .10em;

    text-transform: uppercase;
}

@media (max-width: 720px) {

    .footer-socials {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

    .footer-socials__links {
        width: 100%;
    }

    .footer-socials__links a {
        flex:
            1 1
            calc(50% - 6px);

        justify-content:
            center;
    }

}


/* =========================================
   HOME PREMIUM POLISH
========================================= */

/* HEADER LOGO */

.header__inner {
    min-height: 90px;
}

.brand {
    display: flex;
    align-items: center;

    min-height: 70px;
}

.brand__logo {
    width: 285px;
    height: 68px;

    transform:
        translateY(2px);

    transform-origin:
        left center;
}


/* FASTEST YOUTUBE */

.fastest-video {
    margin-top:
        clamp(38px,5vw,68px);
}

.fastest-video__frame {
    position: relative;

    width: 100%;

    aspect-ratio:
        16 / 9;

    overflow: hidden;

    background:
        #001621;

    border:
        1px solid
        rgba(0,22,33,.28);

    box-shadow:
        0 28px 80px
        rgba(0,22,33,.18);
}

.fastest-video__frame iframe {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}

.fastest-video__meta {
    min-height: 54px;

    padding:
        14px
        2px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border-bottom:
        1px solid
        rgba(0,22,33,.22);
}

.fastest-video__meta span {
    font-size: 8px;
    font-weight: 800;

    letter-spacing: .17em;

    text-transform: uppercase;
}

.fastest-video__meta a {
    color: #001621;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .12em;

    text-decoration: none;

    text-transform: uppercase;
}


/* QUICK ACTIONS */

.quick-actions {
    right: 24px;
    bottom: 24px;

    padding: 6px;

    gap: 4px;

    border-radius: 2px;

    transition:
        opacity .28s ease,
        transform .28s ease,
        visibility .28s ease;
}

.quick-actions a {
    min-width: auto;

    padding:
        12px
        17px;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 0;

    color:
        rgba(245,239,231,.82);

    background:
        transparent;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;

    text-decoration: none;

    white-space: nowrap;
}

.quick-actions a:hover {
    color:
        var(--gold);

    background:
        rgba(255,65,3,.08);
}

.quick-actions.is-footer-hidden {
    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform:
        translateY(24px);
}


/* FOOTER SOCIAL POLISH */

.footer-socials {
    padding-top: 38px;
    padding-bottom: 40px;
}

.footer-socials__links {
    gap: 6px;
}

.footer-socials__links a {
    min-height: 46px;

    padding:
        10px
        16px;

    border:
        0;

    border-bottom:
        1px solid
        rgba(255,255,255,.10);

    background:
        transparent;
}

.footer-socials__links a:hover {
    background:
        transparent;

    border-color:
        var(--gold);
}

.footer-socials__links svg {
    width: 20px;
    height: 20px;
}

.footer-socials__links span {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;
    font-weight: 400;

    letter-spacing: 0;

    text-transform: none;
}


/* MOBILE */

@media (max-width: 720px) {

    .header__inner {
        min-height: 78px;
    }

    .brand {
        min-height: 58px;
    }

    .brand__logo {
        width: 215px;
        height: 54px;
    }

    .quick-actions {
        left: 14px;
        right: 14px;
        bottom: 14px;

        justify-content: stretch;
    }

    .quick-actions a {
        flex: 1;

        padding:
            11px
            8px;

        font-size: 12px;
    }

    .fastest-video__meta {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

}


/* =========================================
   RELEASE COVER CARDS
========================================= */

.release-grid {
    gap:
        clamp(
            18px,
            2.2vw,
            30px
        );
}

.release-card {
    position: relative;

    padding: 0;

    overflow: hidden;

    display: flex;
    flex-direction: column;

    border:
        1px solid
        rgba(255,255,255,.10);

    background:
        rgba(255,255,255,.025);
}

.release-card__cover {
    position: relative;

    display: block;

    aspect-ratio: 1;

    overflow: hidden;

    background:
        #071922;

    text-decoration: none;
}

.release-card__cover img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transform:
        scale(1.002);

    transition:
        transform
        .7s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        );
}

.release-card__cover::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 48%,
            rgba(0,22,33,.76) 100%
        );

    pointer-events: none;
}

.release-card:hover
.release-card__cover img {
    transform:
        scale(1.025);
}

.release-card__cover-overlay {
    position: absolute;

    z-index: 2;

    left: 18px;
    right: 18px;
    bottom: 16px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 18px;
}

.release-card__spotify {
    color:
        rgba(255,255,255,.76);

    font-size: 8px;

    font-weight: 700;

    letter-spacing:
        .16em;

    text-transform:
        uppercase;
}

.release-card__play {
    color:
        #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;
}

.release-card > h3,
.release-card > p,
.release-card > .release-links {
    margin-left:
        26px;

    margin-right:
        26px;
}

.release-card > h3 {
    margin-top:
        28px;

    margin-bottom:
        10px;
}

.release-card > p {
    margin-top: 0;

    margin-bottom:
        22px;
}

.release-card > .release-links {
    margin-top: auto;

    margin-bottom:
        27px;

    padding-top:
        4px;
}

.release-links a {
    min-height: 38px;

    padding:
        8px
        13px;

    border:
        1px solid
        rgba(255,255,255,.11);

    background:
        transparent;

    font-size: 8px;

    font-weight: 700;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}

.release-links a:hover {
    border-color:
        var(--gold);

    color:
        var(--gold);

    background:
        rgba(255,65,3,.05);
}

@media (min-width: 1100px) {

    .release-grid {
        grid-template-columns:
            repeat(
                4,
                minmax(0,1fr)
            );
    }

    .release-card > h3 {
        font-size:
            clamp(
                23px,
                2vw,
                31px
            );
    }

}

@media (max-width: 680px) {

    .release-card > h3,
    .release-card > p,
    .release-card > .release-links {
        margin-left:
            20px;

        margin-right:
            20px;
    }

}


/* =========================================
   YOUTUBE VIDEO FACADE
========================================= */

.video-facade {
    position: relative;

    width: 100%;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    cursor: pointer;

    background: #001621;

    isolation: isolate;
}

.video-facade__poster {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position:
        center 38%;

    transform:
        scale(1.01);

    transition:
        transform .8s
        cubic-bezier(.2,.7,.2,1);
}

.video-facade:hover
.video-facade__poster {
    transform:
        scale(1.035);
}

.video-facade__shade {
    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(0,22,33,.76) 0%,
            rgba(0,22,33,.32) 48%,
            rgba(0,22,33,.08) 100%
        ),
        linear-gradient(
            0deg,
            rgba(0,22,33,.72) 0%,
            transparent 55%
        );
}

.video-facade__play {
    position: absolute;

    z-index: 4;

    top: 50%;
    left: 50%;

    width:
        clamp(74px,8vw,108px);

    height:
        clamp(74px,8vw,108px);

    transform:
        translate(-50%,-50%);

    display: grid;
    place-items: center;

    padding: 0;

    border:
        1px solid
        rgba(255,255,255,.55);

    border-radius: 50%;

    background:
        rgba(0,22,33,.56);

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

    cursor: pointer;

    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.video-facade:hover
.video-facade__play {
    transform:
        translate(-50%,-50%)
        scale(1.06);

    background:
        var(--gold);

    border-color:
        var(--gold);
}

.video-facade__play-icon {
    width: 0;
    height: 0;

    margin-left: 7px;

    border-top:
        10px solid transparent;

    border-bottom:
        10px solid transparent;

    border-left:
        17px solid #fff;
}

.video-facade__copy {
    position: absolute;

    z-index: 3;

    left:
        clamp(24px,4vw,58px);

    bottom:
        clamp(22px,4vw,48px);

    display: flex;
    flex-direction: column;

    max-width: 520px;
}

.video-facade__copy span {
    margin-bottom: 9px;

    color:
        var(--gold-light);

    font-size: 8px;
    font-weight: 800;

    letter-spacing: .18em;

    text-transform: uppercase;
}

.video-facade__copy strong {
    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(28px,3.8vw,58px);

    font-weight: 400;

    line-height: 1;

    letter-spacing:
        -.035em;
}

.video-facade__copy small {
    margin-top: 10px;

    color:
        rgba(255,255,255,.65);

    font-size: 10px;

    letter-spacing: .12em;

    text-transform: uppercase;
}

.video-facade__iframe {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;

    background: #000;
}

.video-facade.is-playing {
    cursor: default;
}

@media (max-width: 620px) {

    .video-facade {
        aspect-ratio:
            4 / 3;
    }

    .video-facade__copy strong {
        font-size:
            clamp(25px,8vw,38px);
    }

}


/* =========================================
   AG_HEADER_FULLWIDTH_V2
========================================= */

.header {
    width: 100%;
}

.header .shell,
.header__inner {
    width: 100%;
    max-width: none;

    padding-left:
        clamp(20px, 2.1vw, 36px);

    padding-right:
        clamp(20px, 2.1vw, 36px);

    margin-left: 0;
    margin-right: 0;
}

.header__inner {
    min-height: 96px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 36px;
}

.brand {
    flex: 0 0 auto;

    min-height: 76px;

    display: flex;
    align-items: center;
}

.brand__logo {
    width: 330px;
    height: 76px;

    transform:
        translateY(2px);

    transform-origin:
        left center;
}

/* push navigation toward opposite edge */
.header nav,
.header__nav,
.nav {
    margin-left: auto;
}

/* TABLET */

@media (max-width: 900px) {

    .header .shell,
    .header__inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .brand__logo {
        width: 275px;
        height: 66px;
    }

}

/* MOBILE */

@media (max-width: 560px) {

    .header .shell,
    .header__inner {
        padding-left: 14px;
        padding-right: 14px;
    }

    .header__inner {
        min-height: 82px;
    }

    .brand {
        min-height: 62px;
    }

    .brand__logo {
        width: 240px;
        height: 58px;
    }

}