.elementor-2664 .elementor-element.elementor-element-p0000006{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000006:not(.elementor-motion-effects-element-type-background), .elementor-2664 .elementor-element.elementor-element-p0000006 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#302020;}.elementor-2664 .elementor-element.elementor-element-p0000005{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002aa{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002aa:not(.elementor-motion-effects-element-type-background), .elementor-2664 .elementor-element.elementor-element-p00002aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EEE4;}.elementor-2664 .elementor-element.elementor-element-p00002a9{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002a4{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002a6{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000018{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000012{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000011{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000017{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000015{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000016{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000002a{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000024{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000023{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000029{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000027{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000028{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000003c{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000036{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000035{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000003b{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000039{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000003a{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000004e{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000048{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000047{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000004d{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000004b{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000004c{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000060{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000005a{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000059{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000005f{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000005d{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000005e{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000072{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000006c{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000006b{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000071{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000006f{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000070{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000084{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000007e{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000007d{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000083{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000081{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000082{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000096{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000090{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000008f{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000095{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000093{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000094{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000a8{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000a2{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000a1{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000a7{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000a5{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000a6{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000ba{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000b4{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000b3{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000b9{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000b7{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000b8{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000cc{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000c6{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000c5{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000cb{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000c9{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000ca{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000de{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000d8{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000d7{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000dd{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000db{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000dc{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000f0{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000ea{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000e9{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000ef{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000ed{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000ee{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000102{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000fc{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000fb{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000101{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00000ff{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000100{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000114{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000010e{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000010d{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000113{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000111{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000112{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000126{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000120{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000011f{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000125{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000123{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000124{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000138{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000132{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000131{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000137{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000135{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000136{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000014a{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000144{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000143{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000149{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000147{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000148{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000015c{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000156{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000155{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000015b{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000159{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000015a{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000016e{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000168{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000167{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000016d{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000016b{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000016c{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000180{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000017a{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000179{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000017f{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000017d{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000017e{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000192{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000018c{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000018b{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000191{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000018f{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000190{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001a4{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000019e{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000019d{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001a3{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001a1{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001a2{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001b6{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001b0{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001af{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001b5{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001b3{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001b4{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001c8{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001c2{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001c1{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001c7{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001c5{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001c6{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001da{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001d4{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001d3{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001d9{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001d7{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001d8{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001ec{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001e6{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001e5{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001eb{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001e9{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001ea{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001fe{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001f8{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001f7{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001fd{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001fb{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00001fc{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000210{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000020a{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000209{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000020f{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000020d{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000020e{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000222{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000021c{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000021b{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000221{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000021f{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000220{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000234{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000022e{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000022d{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000233{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000231{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000232{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000246{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000240{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000023f{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000245{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000243{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000244{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000258{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000252{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000251{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000257{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000255{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000256{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000026a{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000264{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000263{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000269{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000267{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000268{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000027c{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000276{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000275{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000027b{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000279{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000027a{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000028e{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000288{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000287{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000028d{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000028b{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000028c{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002a0{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000029a{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p0000299{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000029f{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000029d{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p000029e{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002b5{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002b5:not(.elementor-motion-effects-element-type-background), .elementor-2664 .elementor-element.elementor-element-p00002b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#302020;}.elementor-2664 .elementor-element.elementor-element-p00002b4{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002ad{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002b2{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002b1{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002d2{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002d2:not(.elementor-motion-effects-element-type-background), .elementor-2664 .elementor-element.elementor-element-p00002d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EEE4;}.elementor-2664 .elementor-element.elementor-element-p00002d1{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002ce{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002cc{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002d0{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002cf{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002b9{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002bd{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002c1{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002c5{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002c9{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002e5{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002e5:not(.elementor-motion-effects-element-type-background), .elementor-2664 .elementor-element.elementor-element-p00002e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#241712;}.elementor-2664 .elementor-element.elementor-element-p00002e4{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002e3{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002d6{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002da{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002de{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002e2{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002ee{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002ee:not(.elementor-motion-effects-element-type-background), .elementor-2664 .elementor-element.elementor-element-p00002ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EEE4;}.elementor-2664 .elementor-element.elementor-element-p00002ed{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002ec{--display:flex;}.elementor-2664 .elementor-element.elementor-element-p00002ea{--display:flex;}/* Start custom CSS for container, class: .elementor-element-p0000006 *//* ============================================================================ READ ME FIRST - how to change how this page looks MOST THINGS DO NOT NEED THIS FILE: - Section background colours .... click the section, then Style > Background. All 6 sections are set up this way. - Wording and prices ............ click the text and type. Normal Elementor. - Photos ........................ click the image and swap it. Normal Elementor. Every photo on this page is an Image widget, including all 37 card covers. - The FAQ ....................... a real Elementor Accordion. Add, remove and reorder the questions in the panel. - A package card ................ each card is its own container. Duplicate one to add a package, delete one to remove it. The card's link and its filter category are on the container: Layout > Link, and Advanced > Attributes (data-cats). THREE THINGS ARE STILL JAVASCRIPT, and live in HTML widgets: - The experience filter chips (top of the packages section) - The reviews carousel arrows - The video poster's click-to-play No Elementor widget reproduces a category filter, and an inert row of chips would be a worse page than the one we started with. Each script sits in an HTML widget right beside the block it drives, so it is findable and editable. IF YOU ADD OR REMOVE A PACKAGE CARD, update two things: 1. The card's data-cats attribute, or the filter will not find it. 2. The counts in the filter chips - they are typed by hand in the HTML widget. (Driving them from the database is what the [gsi_dossier] shortcode does; see the note on the grid below.) THE PACKAGE GRID IS THE ONE BLOCK THAT IS REALLY DATA: The container #pkGrid holds nothing but the 37 cards. When the plugin's [gsi_dossier] shortcode is ready, delete the cards, drop a Shortcode widget in their place, and every price on this page starts coming from the database. Nothing else on the page has to change. THIS FILE CONTROLS: - The colour palette and the fonts - see the PALETTE block directly below. Change a colour there once and it updates everywhere on the page, including every faded or see-through version of it. - The fine layout of the sections (spacing, borders, card shapes). TWO RULES IF YOU EDIT THE PALETTE: 1. Every colour has a plain line and an "-rgb" line. CHANGE BOTH, and keep them matching. The -rgb line is the same colour written as three numbers, and it is what the see-through versions are built from. For #B49A6A the three numbers are 180,154,106. Any "hex to rgb" search will convert it. 2. Do not delete a line. If you want a colour gone, set it to another colour. Safe to experiment: Elementor keeps a revision history under the arrow at the bottom of the panel, so you can always step back. ============================================================================ */ /* --- strip Elementor's container defaults so the reference controls layout --- Elementor drives containers through CSS variables and defaults them to a COLUMN flex box with its own gap and padding. The reference assumes plain flow layout, and where it does want a flex row it just writes display:flex and relies on the default direction - so Elementor's column default silently stacks and stretches those rows. Every one of those defaults is neutralised here; anything the reference actually specifies then wins, because its rules come after these. :where() is deliberate and must stay. It contributes zero specificity, so each scoped .elementor-2664 .elementor-element.elementor-element-p0000006 keeps the exact weight it had unscoped. :is() takes the weight of its heaviest argument and these resets would then beat the reference rules they exist to lose to. */ body .e-con:where(.page-hero,.pk-list,.pk-video,.pk-revs,.pk-info,.pk-faq), body :where(.page-hero,.pk-list,.pk-video,.pk-revs,.pk-info,.pk-faq) .e-con, body :where(.page-hero,.pk-list,.pk-video,.pk-revs,.pk-info,.pk-faq) .e-con-inner{ --display:block;display:block !important; --flex-direction:row;flex-direction:row !important; --flex-wrap:nowrap;flex-wrap:nowrap !important; --align-items:stretch;align-items:stretch !important; --justify-content:flex-start;justify-content:flex-start !important; --gap:0px;gap:0px !important; --padding-block-start:0;--padding-block-end:0; --padding-inline-start:0;--padding-inline-end:0; padding:0;margin:0;max-width:none;width:auto; --width:auto;--min-height:0; } /* Elementor caps a top-level container with `:is(.elementor-section-wrap,[data-elementor-id]) > .e-con{max-width:min(100%,var(--width))}` - specificity (0,2,0), which beats the (0,1,1) of the block above, so the max-width:none there loses on the section containers themselves and they come out capped at 100% below 768px. !important is confined to those roots: the reference gives them no max-width of its own, so nothing is left to lose to. It must NOT be widened to the descendant .elementor-2664 .elementor-element.elementor-element-p0000006s - .wrap is an .e-con and its 1240px cap is exactly the kind of reference rule the reset has to lose to. */ body .e-con:where(.page-hero,.pk-list,.pk-video,.pk-revs,.pk-info,.pk-faq){max-width:none !important} /* Elementor caps every widget inside a container at max-width:100% from `.elementor.elementor .e-con>.elementor-widget`, weight (0,4,0) - past anything the reference can write. It is switched off here and handed back in the generated block below, where the reference asks for it. */ body :where(.page-hero,.pk-list,.pk-video,.pk-revs,.pk-info,.pk-faq) .elementor-widget{position:static;z-index:auto;width:auto;max-width:none !important} body .e-con:where(.page-hero,.pk-list,.pk-video,.pk-revs,.pk-info,.pk-faq),body :where(.page-hero,.pk-list,.pk-video,.pk-revs,.pk-info,.pk-faq) .e-con{position:static} body :where(.page-hero,.pk-list,.pk-video,.pk-revs,.pk-info,.pk-faq) .elementor-widget-container{display:contents !important} /* ============================================================================ PALETTE - change a colour here and it updates everywhere on the page, including every faded/see-through version of it. Each colour is written twice: the normal one, and an "-rgb" line used for the see-through versions. If you change a colour, change BOTH lines to match. ============================================================================ */ body{ /* Chocolate - the dark sections: hero and the film band */ --choco:#302020; --choco-rgb:48,32,32; /* Deep chocolate - the "why book with us" band, card shadows */ --choco-deep:#241712; --choco-deep-rgb:36,23,18; /* Bark - photo backdrop while an image loads */ --bark:#665A51; --bark-rgb:102,90,81; /* Clay - kept so the brand palette stays complete */ --clay:#ADA38A; --clay-rgb:173,163,138; /* Sand - kept so the brand palette stays complete */ --sand:#B7AC86; --sand-rgb:183,172,134; /* Gold - the accent. Rules, coordinates, active chips, card ticks */ --gold:#B49A6A; --gold-rgb:180,154,106; /* Deep gold - gold darkened for text and borders on the cream panels */ --gold-deep:#9A7F4E; --gold-deep-rgb:154,127,78; /* Cream - headline text on the dark sections */ --cream:#EFE9DD; --cream-rgb:239,233,221; /* Dimmed cream - body text on the dark sections */ --cream-dim:#D8CFBE; --cream-dim-rgb:216,207,190; /* Page cream - the light section backgrounds */ --bg:#F3EEE4; --bg-rgb:243,238,228; /* Panel cream - the package cards */ --bg-2:#E9E1D2; --bg-2-rgb:233,225,210; /* Deep sand panel - card image backdrop */ --bg-3:#DED4C2; --bg-3-rgb:222,212,194; /* Ink - headings and prices on the light sections */ --ink:#2B1D18; --ink-rgb:43,29,24; /* Soft ink - body text on the light sections */ --ink-soft:#6B5D52; --ink-soft-rgb:107,93,82; /* Hairline - card borders and dividers */ --line:rgba(var(--choco-rgb),.14); /* Stronger hairline */ --line-strong:rgba(var(--choco-rgb),.24); /* Fonts. Any Google font name works; load it in the theme or Elementor first. */ --ff-d:'Cormorant Garamond', serif; /* headings, prices, card titles */ --ff-b:'Jost', sans-serif; /* body text, labels, chips */ --ff-sc:'Sacramento', cursive; /* the script accent */ /* Easing curves used by the hover transitions. */ --ease-spring:cubic-bezier(.22,1.2,.36,1); --ease-out-soft:cubic-bezier(.16,.84,.32,1); --ease-in-out-quint:cubic-bezier(.83,0,.17,1); } body *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:var(--ff-b);background:var(--choco);color:var(--cream);font-weight:300;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative} /* ambient texture so dark areas never read as flat black */ body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none; background: radial-gradient(circle at 18% 12%,rgba(var(--gold-rgb),.07),transparent 42%), radial-gradient(circle at 84% 78%,rgba(var(--bark-rgb),.10),transparent 46%), radial-gradient(1px 1px at 20% 30%,rgba(var(--cream-rgb),.30),transparent), radial-gradient(1px 1px at 65% 18%,rgba(var(--cream-rgb),.22),transparent), radial-gradient(1px 1px at 40% 70%,rgba(var(--cream-rgb),.20),transparent), radial-gradient(1px 1px at 80% 50%,rgba(var(--cream-rgb),.24),transparent), radial-gradient(1px 1px at 12% 85%,rgba(var(--cream-rgb),.18),transparent), radial-gradient(1.5px 1.5px at 90% 22%,rgba(var(--gold-rgb),.30),transparent), radial-gradient(1.5px 1.5px at 33% 50%,rgba(var(--gold-rgb),.22),transparent); background-size:100% 100%,100% 100%,540px 540px,620px 620px,480px 480px,700px 700px,560px 560px,820px 820px,640px 640px} body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.6; background-image: linear-gradient(rgba(var(--gold-rgb),.035) 1px,transparent 1px), linear-gradient(90deg,rgba(var(--gold-rgb),.035) 1px,transparent 1px); background-size:128px 128px,128px 128px; -webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000 35%,transparent 85%); mask-image:radial-gradient(ellipse 90% 80% at 50% 40%,#000 35%,transparent 85%)} body>*{position:relative;z-index:1} body img{display:block;max-width:100%} body a{color:inherit;text-decoration:none} body .wrap{max-width:1240px;margin:0 auto;padding:0 32px} /* light contrast panels (About, The Way, Field Notes) on the dark base */ /* faint cartographic wash so cream panels aren't flat */ body .eyebrow{font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:var(--gold);font-weight:500;display:inline-flex;align-items:center;gap:14px} body .eyebrow::before{content:"";width:34px;height:1px;background:currentColor;opacity:.7;display:inline-block} /* centered section heads: symmetric eyebrow rules */ body header{position:sticky;top:0;z-index:100;background:rgba(var(--choco-deep-rgb),.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(var(--gold-rgb),.16)} /* ===== MIGRATION CIRCUIT HERO ===== */ @keyframes slowzoom{from{transform:scale(1.04)}to{transform:scale(1.12)}} /* faint compass rose behind hero copy — "adventure needs direction" */ @keyframes compassSpin{from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)}} /* gold continent map backdrop in hero — echoes the gold-map-on-black reference */ @keyframes flydash{to{stroke-dashoffset:-200}} @keyframes pinpulse{0%{r:5;opacity:.8}70%{r:16;opacity:0}100%{r:16;opacity:0}} /* cartographic contour watermark for dark sections */ @keyframes shimmer{to{background-position:200% center}} @keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}} @keyframes fadeScale{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}} /* center image disc — sits inside the ring */ @keyframes hintpulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} @keyframes drift{0%{opacity:0;transform:translate(0,0)}12%{opacity:.5}88%{opacity:.4}100%{opacity:0;transform:translate(40px,-130px)}} /* ===== STATISTICS ===== */ /* animated background decoration: drifting numbers + bearings */ /* positions */ /* drift animations (a few variants) */ @keyframes drift1{from{transform:translate(0,0) rotate(0deg)}to{transform:translate(26px,-22px) rotate(-3deg)}} @keyframes drift2{from{transform:translate(0,0)}to{transform:translate(-30px,18px)}} @keyframes drift3{from{transform:translate(0,0) rotate(0deg)}to{transform:translate(18px,24px) rotate(2deg)}} /* ===== ARTISTIC / ADVENTUROUS LAYER ===== */ /* script emphasis — hand-written accent woven into headlines */ /* hand-drawn underline flourish under a word */ /* journal-coordinate eyebrow detail */ body .coord{font-family:var(--ff-b);font-size:9.5px;letter-spacing:.2em;color:var(--gold);opacity:.55; display:block;margin-bottom:10px;font-weight:400} /* parallax targets */ body [data-parallax]{will-change:transform} /* inner hairline frame */ /* cursor-following glare */ /* image + parallax-ish zoom */ /* layered gradient veil + warm color wash on hover */ /* fine grain so flat fills read as film, not vector */ /* top meta row */ /* content */ /* gold rule that draws in under the title area */ /* CTA: label + circled arrow */ /* ===== WILDLIFE VECTOR ACCENTS ===== */ /* gentle entrance: stroke draws itself in when revealed */ /* placements */ @keyframes starPulse{0%,100%{transform:rotate(0deg);opacity:.85}50%{transform:rotate(8deg);opacity:1}} /* ===== THE ACTIVE WONDERS WAY ===== */ /* ===== FIELD NOTES ===== */ /* ===== TALK TO OUR EXPERT (2x2 quadrant) ===== */ body .btn-gold{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;background:var(--gold);color:var(--choco-deep);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;padding:15px 26px;border-radius:2px;transition:background .35s ease,transform .35s ease} body .btn-gold .ar{transition:transform .35s ease} body .btn-gold:hover{background:var(--cream);transform:translateY(-2px)} body .btn-gold:hover .ar{transform:translateX(5px)} body footer{background:var(--choco-deep);padding:78px 0 34px;border-top:1px solid rgba(var(--gold-rgb),.18)} /* ===== ADVANCED REVEAL & MOTION SYSTEM ===== */ body .rv{opacity:0;transform:translateY(38px) scale(.985);filter:blur(6px); transition:opacity 1s var(--ease-out-soft),transform 1.1s var(--ease-spring),filter .9s ease} body .rv.in{opacity:1;transform:none;filter:blur(0)} /* directional variants */ /* stagger: children animate in sequence once parent has .in */ body .stagger>*{opacity:0;transform:translateY(34px);filter:blur(5px); transition:opacity .85s var(--ease-out-soft),transform 1s var(--ease-spring),filter .7s ease} body .stagger.in>*{opacity:1;transform:none;filter:blur(0)} body .stagger.in>*:nth-child(1){transition-delay:.04s} body .stagger.in>*:nth-child(2){transition-delay:.13s} body .stagger.in>*:nth-child(3){transition-delay:.22s} body .stagger.in>*:nth-child(4){transition-delay:.31s} body .stagger.in>*:nth-child(5){transition-delay:.40s} body .stagger.in>*:nth-child(6){transition-delay:.49s} /* native scroll-driven progress bar */ @keyframes progressGrow{to{transform:scaleX(1)}} /* word-by-word hero headline reveal */ @keyframes wordRise{to{opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){ body .rv,body .stagger>*{transition:opacity .4s ease;transform:none;filter:none} body *{animation-duration:.001s!important} } @media(max-width:760px){ body .wrap{padding:0 22px} body header{backdrop-filter:none} } /* ============ MEGA MENU ============ */ body header{position:sticky} /* per-menu column counts */ /* mobile: full-screen drawer with accordion mega items */ @media(max-width:760px){ /* drawer header bar */ /* scroll body */ /* accordion body via grid-rows animation */ /* plain links + CTA */ } /* ===== PAGE-SPECIFIC ===== */ /* sub-page hero banner */ body .page-hero{position:relative;padding:170px 0 90px;overflow:hidden;} body .page-hero .ph-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.5} body .page-hero::after{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,var(--choco) 6%,rgba(var(--choco-rgb),.74) 60%,rgba(var(--choco-rgb),.5))} body .page-hero .wrap{position:relative;z-index:2} body .page-hero .crumb{font-family:var(--ff-b);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-dim);margin-bottom:20px} body .page-hero .crumb a{color:var(--gold)} body .page-hero h1{font-family:var(--ff-d);font-weight:300;font-size:clamp(44px,6vw,86px);line-height:.98;letter-spacing:-.018em;color:var(--cream);max-width:18ch} body .page-hero .sub{color:var(--cream-dim);font-size:17px;margin-top:22px;max-width:54ch} body .pk-list{padding:120px 0 140px;color:var(--ink);position:relative} body .pk-list::before{position:absolute;inset:0;z-index:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cg fill='none' stroke='%23302020' stroke-width='1'%3E%3Cpath d='M-20,120 C100,80 200,160 320,120 S540,80 620,140'/%3E%3Cpath d='M-20,260 C140,230 240,300 360,250 S580,220 620,280'/%3E%3Cpath d='M-20,410 C120,375 260,460 380,400 S600,365 620,430'/%3E%3C/g%3E%3C/svg%3E");background-size:760px;background-position:center} body .pk-list .wrap{position:relative;z-index:1} body .pk-intro{max-width:640px;margin-bottom:64px} body .pk-intro h2{font-family:var(--ff-d);font-weight:300;font-size:clamp(32px,4vw,52px);line-height:1.02;color:var(--ink);margin-top:18px;letter-spacing:-.015em} body .pk-intro p{color:var(--ink-soft);margin-top:18px;font-size:16px} /* ===== 3-up FIELD DOSSIER cards ===== */ body .pk-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px} body .dossier{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column; transition:transform .6s cubic-bezier(.16,.84,.32,1),box-shadow .6s,border-color .5s} body .dossier:hover{transform:translateY(-8px);border-color:rgba(var(--gold-deep-rgb),.55);box-shadow:0 36px 60px -34px rgba(var(--choco-rgb),.45)} /* corner ticks — like a map plate */ body .dossier::before,body .dossier::after{content:"";position:absolute;width:14px;height:14px;z-index:4;pointer-events:none;border-color:var(--gold-deep);opacity:.6} body .dossier::before{top:14px;left:14px;border-top:1px solid;border-left:1px solid} body .dossier::after{bottom:14px;right:14px;border-bottom:1px solid;border-right:1px solid} body .dos-img{position:relative;aspect-ratio:4/5;background-size:cover;background-position:center;background-color:var(--bark);overflow:hidden} body .dos-img .ph{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.4s cubic-bezier(.16,.84,.32,1)} body .dossier:hover .dos-img .ph{transform:scale(1.07)} body .dos-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(var(--choco-deep-rgb),.85) 2%,rgba(var(--choco-deep-rgb),.15) 40%,rgba(var(--choco-deep-rgb),.35))} body .dos-idx{position:absolute;top:20px;left:22px;z-index:2;font-family:var(--ff-d);font-style:italic;font-size:40px;color:var(--cream);line-height:1;opacity:.92;text-shadow:0 2px 14px rgba(0,0,0,.5)} body .dos-tier{position:absolute;top:26px;right:22px;z-index:2;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);border:1px solid rgba(var(--cream-rgb),.5);padding:5px 11px;border-radius:40px;backdrop-filter:blur(2px)} body .dos-img-cap{position:absolute;left:22px;right:22px;bottom:20px;z-index:2} body .dos-img-cap .coord{font-family:var(--ff-b);font-size:10px;letter-spacing:.16em;color:var(--gold);opacity:.9;display:block;margin-bottom:8px} body .dos-img-cap h3{font-family:var(--ff-d);font-weight:500;font-size:27px;line-height:1;letter-spacing:-.01em;color:var(--cream)} /* body */ body .dos-body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1} body .dos-route{display:flex;align-items:center;gap:0;margin-bottom:18px} body .dos-route .stop{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap} body .dos-route .seg{flex:1;height:1px;margin:0 8px;background:repeating-linear-gradient(90deg,var(--gold-deep),var(--gold-deep) 3px,transparent 3px,transparent 7px);opacity:.6;min-width:14px} body .dos-body p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;margin-bottom:20px} body .dos-spec{display:flex;gap:0;margin-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} body .dos-spec .s{flex:1;padding:13px 0;text-align:center;border-right:1px solid var(--line)} body .dos-spec .s:last-child{border-right:0} body .dos-spec .s .k{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:5px} body .dos-spec .s .v{font-family:var(--ff-d);font-size:19px;color:var(--ink);font-weight:500;line-height:1} body .dos-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:14px} body .dos-price .from{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)} body .dos-price .amt{font-family:var(--ff-d);font-size:30px;color:var(--ink);font-weight:500;line-height:1;letter-spacing:-.01em} body .dos-price .amt small{font-size:12px;color:var(--ink-soft);font-family:var(--ff-b)} body .dos-go{width:48px;height:48px;border-radius:50%;border:1px solid rgba(var(--gold-deep-rgb),.45);display:flex;align-items:center;justify-content:center;color:var(--gold-deep);flex-shrink:0;transition:background .4s,color .4s,transform .4s} body .dossier:hover .dos-go{background:var(--gold-deep);color:var(--bg);transform:rotate(-45deg)} body .dos-go svg{width:18px;height:18px} @media(max-width:1024px){body .pk-grid3{grid-template-columns:repeat(2,1fr)}} @media(max-width:680px){body .pk-grid3{grid-template-columns:1fr;max-width:430px;margin:0 auto}} /* ===== experience filter bar ===== */ body .pk-filter{display:flex;align-items:center;gap:24px;margin-bottom:46px;flex-wrap:wrap; padding-bottom:26px;border-bottom:1px solid var(--line)} body .pk-filter-lbl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap} body .pk-chips{display:flex;gap:10px;flex-wrap:wrap} body .chip{font-family:var(--ff-b);font-size:12px;letter-spacing:.04em;color:var(--ink-soft); background:transparent;border:1px solid var(--line);border-radius:40px;padding:9px 18px;cursor:pointer; transition:color .3s,border-color .3s,background .3s;display:inline-flex;align-items:center;gap:7px} body .chip em{font-style:normal;font-size:10px;color:var(--gold-deep);opacity:.8} body .chip:hover{border-color:rgba(var(--gold-deep-rgb),.5);color:var(--ink)} body .chip.is-active{background:var(--choco);border-color:var(--choco);color:var(--cream)} body .chip.is-active em{color:var(--gold)} /* card hide/show animation */ body .pk-grid3 .dossier{transition:transform .6s cubic-bezier(.16,.84,.32,1),box-shadow .6s,border-color .5s,opacity .45s ease} body .pk-grid3.is-filtering .dossier{animation:dosIn .55s cubic-bezier(.16,.84,.32,1) both} @keyframes dosIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}} body .pk-empty{display:none;text-align:center;padding:70px 20px;color:var(--ink-soft);font-size:16px;max-width:46ch;margin:0 auto;line-height:1.6} body .pk-empty a{color:var(--gold-deep);border-bottom:1px solid rgba(var(--gold-deep-rgb),.4);white-space:nowrap} /* ===== VIDEO ===== */ body .pk-video{position:relative;padding:130px 0;overflow:hidden} body .pk-video .vhead{text-align:center;max-width:680px;margin:0 auto 54px} body .pk-video .vhead h2{font-family:var(--ff-d);font-weight:300;font-size:clamp(32px,4.4vw,58px);line-height:1.02;letter-spacing:-.018em;color:var(--cream);margin-top:18px} body .pk-video .vhead .eyebrow{justify-content:center} body .pk-video .vhead .eyebrow::after{content:"";width:34px;height:1px;background:var(--gold);opacity:.6} body .pk-video .vframe{position:relative;max-width:1000px;margin:0 auto;aspect-ratio:16/9;border-radius:6px;overflow:hidden;border:1px solid rgba(var(--gold-rgb),.3);background:var(--choco-deep);box-shadow:0 50px 90px -50px rgba(0,0,0,.8)} body .pk-video .vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0} body .pk-video .vposter{position:absolute;inset:0;cursor:pointer;background-size:cover;background-position:center} body .pk-video .vposter::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(var(--choco-deep-rgb),.6),rgba(var(--choco-deep-rgb),.25))} body .pk-video .vplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:84px;height:84px;border-radius:50%;border:1px solid var(--gold);background:rgba(var(--choco-deep-rgb),.4);display:flex;align-items:center;justify-content:center;transition:background .4s,transform .4s} body .pk-video .vposter:hover .vplay{background:var(--gold);transform:translate(-50%,-50%) scale(1.06)} body .pk-video .vplay svg{width:26px;height:26px;color:var(--cream);margin-left:4px;transition:color .4s} body .pk-video .vposter:hover .vplay svg{color:var(--choco-deep)} body .pk-video .vcap{position:absolute;left:26px;bottom:24px;z-index:2;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream)} /* ===== REVIEWS CAROUSEL ===== */ body .pk-revs{padding:130px 0;color:var(--ink);position:relative;overflow:hidden} body .pk-revs .rhead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:46px;flex-wrap:wrap} body .pk-revs .rhead h2{font-family:var(--ff-d);font-weight:300;font-size:clamp(30px,4vw,52px);margin-top:16px;letter-spacing:-.015em} body .rev-nav{display:flex;gap:12px} body .rev-nav button{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.35s} body .rev-nav button:hover{background:var(--choco);border-color:var(--choco);color:var(--cream)} body .rev-nav button svg{width:18px;height:18px} body .rev-track-wrap{overflow:hidden} body .rev-track{display:flex;gap:26px;transition:transform .6s cubic-bezier(.16,.84,.32,1)} body .rev-card{flex:0 0 calc(33.333% - 17.4px);background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:34px 32px;display:flex;flex-direction:column} body .rev-stars{color:var(--gold-deep);letter-spacing:3px;font-size:15px;margin-bottom:18px} body .rev-card p{font-family:var(--ff-d);font-style:italic;font-size:19px;line-height:1.5;color:var(--ink);margin-bottom:24px;flex:1} body .rev-by{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding-top:20px} body .rev-av{width:42px;height:42px;border-radius:50%;background:var(--choco);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:var(--ff-d);font-size:18px;flex-shrink:0} body .rev-by .nm{font-weight:500;font-size:14px;color:var(--ink);letter-spacing:.02em} body .rev-by .src{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:2px} @media(max-width:900px){body .rev-card{flex:0 0 calc(100% - 0px)}} /* ===== INFO STRIP ===== */ body .pk-info{padding:110px 0;color:var(--cream)} body .pk-info .ig{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(var(--gold-rgb),.2);border-radius:6px;overflow:hidden} body .pk-info .ic{padding:38px 30px;border-right:1px solid rgba(var(--gold-rgb),.14)} body .pk-info .ic:last-child{border-right:0} body .pk-info .ic .icn{width:40px;height:40px;color:var(--gold);margin-bottom:18px} body .pk-info .ic .icn svg{width:100%;height:100%} body .pk-info .ic h4{font-family:var(--ff-d);font-weight:500;font-size:22px;margin-bottom:9px} body .pk-info .ic p{font-size:13.5px;color:var(--cream-dim);line-height:1.6} @media(max-width:900px){body .pk-info .ig{grid-template-columns:1fr 1fr}body .pk-info .ic:nth-child(2){border-right:0}body .pk-info .ic:nth-child(1),body .pk-info .ic:nth-child(2){border-bottom:1px solid rgba(var(--gold-rgb),.14)}} @media(max-width:560px){body .pk-info .ig{grid-template-columns:1fr}body .pk-info .ic{border-right:0;border-bottom:1px solid rgba(var(--gold-rgb),.14)}} /* ===== FAQ ===== */ body .pk-faq{padding:130px 0;color:var(--ink)} body .pk-faq .fgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start} body .pk-faq .fhead h2{font-family:var(--ff-d);font-weight:300;font-size:clamp(32px,4vw,54px);line-height:1.02;letter-spacing:-.018em;margin-top:16px} body .pk-faq .fhead p{color:var(--ink-soft);font-size:15px;margin-top:18px;max-width:34ch} body .pk-faq .fhead .btn-gold{margin-top:26px} body .faq-list{border-top:1px solid var(--line)} body .faq-item{border-bottom:1px solid var(--line)} body .faq-q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:var(--ff-d);font-size:21px;color:var(--ink);letter-spacing:-.01em;transition:color .3s} body .faq-q:hover{color:var(--gold-deep)} body .faq-item.open .faq-q{color:var(--gold-deep)} body .faq-a{overflow:hidden;max-height:0;transition:max-height .5s cubic-bezier(.16,.84,.32,1)} body .faq-a-inner{padding:0 0 28px;color:var(--ink-soft);font-size:15px;line-height:1.7;max-width:60ch} @media(max-width:900px){body .pk-faq .fgrid{grid-template-columns:1fr;gap:36px}} /* ============================================================================ ROWS THAT ARE NOW CONTAINERS Everything above this line is the page's own stylesheet. Elementor's reset at the top of this file has to use !important to switch off its container defaults, so every layout declaration the stylesheet makes on a row that is now a container is repeated here, in the same order, at the same weight. Generated - do not hand-edit. Change the rule above and rebuild. ============================================================================ */ body img{display:block !important;max-width:100% !important} body .wrap{max-width:1240px !important;margin:0 auto !important} body .eyebrow{display:inline-flex !important;align-items:center !important;gap:14px !important} body .eyebrow::before{width:34px !important;height:1px !important;display:inline-block !important} body .coord{display:block !important;margin-bottom:10px !important} body .btn-gold{display:inline-flex !important;align-items:center !important;gap:10px !important;align-self:flex-start !important} body .page-hero .crumb{margin-bottom:20px !important} body .page-hero h1{max-width:18ch !important} body .page-hero .sub{margin-top:22px !important;max-width:54ch !important} body .pk-intro{max-width:640px !important;margin-bottom:64px !important} body .pk-intro h2{margin-top:18px !important} body .pk-intro p{margin-top:18px !important} body .pk-grid3{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:28px !important} body .dossier{display:flex !important;flex-direction:column !important} body .dossier::before,body .dossier::after{width:14px !important;height:14px !important} body .dos-img-cap .coord{display:block !important;margin-bottom:8px !important} body .dos-body{display:flex !important;flex-direction:column !important;flex:1 !important} body .dos-route{display:flex !important;align-items:center !important;gap:0 !important;margin-bottom:18px !important} body .dos-route .seg{flex:1 !important;height:1px !important;margin:0 8px !important} body .dos-body p{margin-bottom:20px !important} body .dos-spec{display:flex !important;gap:0 !important;margin-bottom:22px !important} body .dos-spec .s{flex:1 !important} body .dos-spec .s .k{display:block !important;margin-bottom:5px !important} body .dos-foot{margin-top:auto !important;display:flex !important;align-items:flex-end !important;justify-content:space-between !important;gap:14px !important} body .dos-go{width:48px !important;height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important} body .dos-go svg{width:18px !important;height:18px !important} @media(max-width:1024px){body .pk-grid3{grid-template-columns:repeat(2,1fr) !important}} @media(max-width:680px){body .pk-grid3{grid-template-columns:1fr !important;max-width:430px !important;margin:0 auto !important}} body .pk-filter{display:flex !important;align-items:center !important;gap:24px !important;margin-bottom:46px !important;flex-wrap:wrap !important} body .pk-chips{display:flex !important;gap:10px !important;flex-wrap:wrap !important} body .chip{display:inline-flex !important;align-items:center !important;gap:7px !important} body .pk-empty{display:none !important;max-width:46ch !important;margin:0 auto !important} body .pk-video .vhead{max-width:680px !important;margin:0 auto 54px !important} body .pk-video .vhead h2{margin-top:18px !important} body .pk-video .vhead .eyebrow{justify-content:center !important} body .pk-video .vhead .eyebrow::after{width:34px !important;height:1px !important} body .pk-video .vframe{max-width:1000px !important;margin:0 auto !important} body .pk-video .vframe iframe{width:100% !important;height:100% !important} body .pk-video .vplay{width:84px !important;height:84px !important;display:flex !important;align-items:center !important;justify-content:center !important} body .pk-video .vplay svg{width:26px !important;height:26px !important;margin-left:4px !important} body .pk-revs .rhead{display:flex !important;justify-content:space-between !important;align-items:flex-end !important;gap:30px !important;margin-bottom:46px !important;flex-wrap:wrap !important} body .pk-revs .rhead h2{margin-top:16px !important} body .rev-nav{display:flex !important;gap:12px !important} body .rev-nav button{width:50px !important;height:50px !important;display:flex !important;align-items:center !important;justify-content:center !important} body .rev-nav button svg{width:18px !important;height:18px !important} body .rev-track{display:flex !important;gap:26px !important} body .rev-card{flex:0 0 calc(33.333% - 17.4px) !important;display:flex !important;flex-direction:column !important} body .rev-stars{margin-bottom:18px !important} body .rev-card p{margin-bottom:24px !important;flex:1 !important} body .rev-by{display:flex !important;align-items:center !important;gap:13px !important} body .rev-av{width:42px !important;height:42px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important} body .rev-by .src{margin-top:2px !important} @media(max-width:900px){body .rev-card{flex:0 0 calc(100% - 0px) !important}} body .pk-info .ig{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important} body .pk-info .ic .icn{width:40px !important;height:40px !important;margin-bottom:18px !important} body .pk-info .ic .icn svg{width:100% !important;height:100% !important} body .pk-info .ic h4{margin-bottom:9px !important} @media(max-width:900px){body .pk-info .ig{grid-template-columns:1fr 1fr !important}} @media(max-width:560px){body .pk-info .ig{grid-template-columns:1fr !important}} body .pk-faq .fgrid{display:grid !important;grid-template-columns:.8fr 1.2fr !important;gap:60px !important;align-items:start !important} body .pk-faq .fhead h2{margin-top:16px !important} body .pk-faq .fhead p{margin-top:18px !important;max-width:34ch !important} body .pk-faq .fhead .btn-gold{margin-top:26px !important} body .faq-q{width:100% !important;display:flex !important;justify-content:space-between !important;align-items:center !important;gap:20px !important} body .faq-a-inner{max-width:60ch !important} @media(max-width:900px){body .pk-faq .fgrid{grid-template-columns:1fr !important;gap:36px !important}} /* ============================================================================ GLUE - everything below maps Elementor's own markup onto what the page's stylesheet expects. Nothing here is design; it is plumbing. ============================================================================ */ /* --- 1. the page is not animated in --------------------------------------- .rv / .rv-l / .rv-r / .stagger>* start invisible and are revealed by a scroll observer adding .in. Without that script the class never arrives and the entire page stays blank, so every one of them is pinned to its visible state. (Hard rule 7.) */ body .rv,body .rv-l,body .rv-r,body .stagger>*{ opacity:1 !important;transform:none !important;filter:none !important; transition:none !important; } /* --- 2. the browser's own 8px body margin --------------------------------- The reference resets with `*{margin:0}`. Scoped to `body *` that leaves body itself out and the default margin shows as a gutter down both edges. */ body{margin:0;padding:0;box-sizing:border-box} /* --- 3. overlays that were empty
s ------------------------------------ Elementor paints an "add widget" placeholder on an empty container, which would sit over the photo and swallow every click meant for it. Both of this page's overlays are drawn as pseudo-elements instead. (Hard rule 3.) The rules themselves come from the reference sheet above - .ph-scrim was rewritten to .page-hero::after and .light-wash to .pk-list::before. These two lines supply only what a
got for free and a pseudo-element does not. */ body .page-hero::after,body .pk-list::before{content:"";pointer-events:none} /* --- 4. Image widgets fill their slot ------------------------------------- The widget emits with no class of its own, so the sizing class goes on the wrapper and is handed down. */ body .elementor-widget-image.ph-bg, body .elementor-widget-image.ph, body .elementor-widget-image.vposter-img{ display:block;position:absolute;inset:0; /* Elementor centres every Image widget from .elementor-widget-image {text-align:center}. The source's photo divs inherit their alignment. */ text-align:inherit } body .elementor-widget-image.ph-bg img, body .elementor-widget-image.ph img, body .elementor-widget-image.vposter-img img{ width:100%;height:100%;object-fit:cover;display:block } /* .ph carries the hover zoom in the reference, and .ph-bg the hero's opacity. */ body .elementor-widget-image.ph-bg img{opacity:.5} body .dossier:hover .elementor-widget-image.ph img{transform:scale(1.07)} body .elementor-widget-image.ph img{ transition:transform 1.1s var(--ease-out-soft) } /* --- 5. a class on a widget lands on the WRAPPER, not the element ---------- _css_classes goes on the outer .elementor-element div, so a reference rule written as `tag.class` stops matching. This page has two: p.sub and p.lead. The wrapper is styled instead and the inner

inherits. */ body .sub>.elementor-widget-container>p{ font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;margin:0 } /* --- 6. wpautop re-wraps widget content in

on every save --------------- Where the widget's own class is the flex row, that

becomes its only child and the row collapses into stacked lines. display:contents takes it back out of the layout without removing it. */ body .crumb>.elementor-widget-container>p, body .dos-route>.elementor-widget-container>p, body .dos-price>.elementor-widget-container>p, body .s>.elementor-widget-container>p, body .rev-by>.elementor-widget-container>p, body .eyebrow>.elementor-widget-container>p, body .coord>.elementor-widget-container>p, body .dos-idx>.elementor-widget-container>p, body .dos-tier>.elementor-widget-container>p, body .vcap>.elementor-widget-container>p, body .rev-stars>.elementor-widget-container>p, body .pk-empty>.elementor-widget-container>p{ /* display:contents removes the box, but the

stays in the inheritance chain - so its own font-size and line-height still reach the text. Left alone it rendered the eyebrows at 16px instead of 11px, which with letter-spacing:.36em put them 58px over width, and added 3px to every review's star row. Both had to inherit, not just lose their box. */ display:contents; font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit; text-transform:inherit;margin:0 } /* ...and where the wrapper

is inside a block the reference styles as running prose, display:contents is not enough - the

is still in the inheritance chain, so `.dos-body p{font-size:13.5px;color:var(--ink-soft)}` was putting prose type on the route labels, the spec table and the price. Only the widgets that really do hold prose should be caught by that rule. */ body .dos-route p,body .dos-spec p,body .dos-foot p, body .dos-price p,body .s p,body .rev-by p{ font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit; text-transform:inherit;margin:0 } /* --- 7. headings ---------------------------------------------------------- A Heading widget's class also lands on the wrapper, so the inner

-

falls back to the browser default (2em bold). It is made to inherit; the reference's own descendant rules (.dos-img-cap h3, .wrap h1) then apply. */ body :where(.page-hero,.pk-list,.pk-video,.pk-revs,.pk-info,.pk-faq) .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit; line-height:inherit;margin:0} /* --- 8. the icons, drawn as masks ----------------------------------------- Every glyph on this page was an inline . TinyMCE has no in its schema and deletes it the first time a Text Editor is opened, taking the markup around it with it - the single most damaging trap in the playbook. Each one is a mask-image on a pseudo-element instead, painted with background-color so it still follows the colour it is given. (Hard rule 1.) */ body .dos-go::after{content:'';display:block;width:18px;height:18px;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;} body .vplay::after{content:'';display:block;width:26px;height:26px;background-color:var(--cream);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;} /* .dos-go is a 48px disc; the arrow sits in the middle of it. */ body .dos-go{display:flex !important;align-items:center;justify-content:center} body .dossier:hover .dos-go::after{background-color:var(--bg)} /* .vplay is the 84px play disc over the film poster. */ body .vplay{display:flex !important;align-items:center;justify-content:center} body .vplay::after{margin-left:4px} body .pk-info .ic:nth-child(1) .icn::before{content:'';display:block;width:40px;height:40px;background-color:var(--gold);-webkit-mask-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='currentColor' stroke-width='1.4' viewbox='0 0 24 24'%3E%3Cpath d='M12 21s7-6.5 7-11a7 7 0 10-14 0c0 4.5 7 11 7 11z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='2.5'%3E%3C/circle%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='currentColor' stroke-width='1.4' viewbox='0 0 24 24'%3E%3Cpath d='M12 21s7-6.5 7-11a7 7 0 10-14 0c0 4.5 7 11 7 11z'%3E%3C/path%3E%3Ccircle cx='12' cy='10' r='2.5'%3E%3C/circle%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;} body .pk-info .ic:nth-child(2) .icn::before{content:'';display:block;width:40px;height:40px;background-color:var(--gold);-webkit-mask-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='currentColor' stroke-width='1.4' viewbox='0 0 24 24'%3E%3Cpath d='M12 1v22M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='currentColor' stroke-width='1.4' viewbox='0 0 24 24'%3E%3Cpath d='M12 1v22M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;} body .pk-info .ic:nth-child(3) .icn::before{content:'';display:block;width:40px;height:40px;background-color:var(--gold);-webkit-mask-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='currentColor' stroke-width='1.4' viewbox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9'%3E%3C/circle%3E%3Cpath d='M12 7v5l3 2'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='currentColor' stroke-width='1.4' viewbox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9'%3E%3C/circle%3E%3Cpath d='M12 7v5l3 2'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;} body .pk-info .ic:nth-child(4) .icn::before{content:'';display:block;width:40px;height:40px;background-color:var(--gold);-webkit-mask-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='currentColor' stroke-width='1.4' viewbox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'%3E%3C/circle%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='currentColor' stroke-width='1.4' viewbox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4'%3E%3C/circle%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;} body .icn::before{margin-bottom:0} /* --- 9. Button chrome ------------------------------------------------------ The widget class lands on the wrapper while the clickable keeps Elementor's default grey background, padding and radius. It is stripped, the wrappers are collapsed, and the reference's own padding is handed to the anchor so the whole button stays clickable rather than just its text. */ body .btn-gold .elementor-button{ background:none;border:0;border-radius:0;padding:0; font:inherit;color:inherit;letter-spacing:inherit;fill:currentColor } body .btn-gold .elementor-button-wrapper, body .btn-gold .elementor-button-content-wrapper, body .btn-gold .elementor-button-text{display:contents} /* The source label ended in →. Markup in a button label renders live but shows as literal text in the editor, and retyping the label destroys it, so the arrow is drawn here. (Hard rule 4.) */ body .btn-gold .elementor-button-text::after{content:"\2192";margin-left:9px} /* --- 10. the FAQ is a real Elementor Accordion ---------------------------- The source's JS accordion becomes the core Accordion widget so the questions can be added, reordered and deleted from the panel. These rules carry the reference's own values rather than re-pointing its .elementor-2664 .elementor-element.elementor-element-p0000006s onto Elementor's markup, which is what the playbook prefers. It is not possible here: Elementor's widget-accordion.min.css writes `.elementor-accordion .elementor-tab-title{padding:15px 20px;...}` at specificity (0,2,0), and a re-pointed reference rule at `body .elementor-tab- title` is only (0,1,1) - it loses on every property, whatever its value. The glue therefore sits at (0,2,1) and every declaration below is copied verbatim from .faq-item / .faq-q / .faq-a-inner / .pm above. Change the rule above and change it here too. */ body .faq-list .elementor-accordion{border:0} body .faq-list .elementor-accordion .elementor-accordion-item{ border:0;border-bottom:1px solid var(--line) } /* from .faq-q */ body .faq-list .elementor-accordion .elementor-tab-title{ width:100%;text-align:left;background:none;border:0;cursor:pointer; padding:26px 0;margin:0;display:flex;justify-content:space-between; align-items:center;gap:20px;font-family:var(--ff-d);font-size:21px; font-weight:400;color:var(--ink);letter-spacing:-.01em; /* .faq-q is a