/*
Theme Name: Line Doorway
Theme URI: https://linestorgaardconley.com/
Author: Line Storgaard-Conley
Description: A bold, editorial WordPress doorway for a maker of many things.
Version: 3.2.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: line-doorway
*/
:root{--yellow:#f4ff12;--pink:#ff3bbd;--ink:#111;--paper:#f6f0e6;--blue:#2147ff;--line:rgba(17,17,17,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0!important;padding:0!important;background:var(--paper);color:var(--ink);overflow-x:hidden}.wp-site-blocks{min-height:100vh;margin:0!important;padding:0!important}.wp-site-blocks>*{margin-block-start:0!important}a{color:inherit}.paper{background-color:var(--paper);background-image:radial-gradient(rgba(20,15,10,.045) .6px,transparent .7px);background-size:5px 5px}.wrap{width:min(1440px,calc(100% - 48px));margin:auto}.mono{font-family:"Courier New",monospace}.script{font-family:"Kalam","Segoe Print","Bradley Hand",cursive;font-style:normal}.display{font-family:"Archivo Black",Arial Black,Arial,sans-serif;letter-spacing:-.065em}.pink-stroke{display:inline;background:linear-gradient(transparent 67%,var(--pink) 67% 88%,transparent 88%)}.yellow-stroke{display:inline;background:linear-gradient(transparent 58%,var(--yellow) 58% 91%,transparent 91%)}
.site-header{position:absolute;inset:0 0 auto;z-index:30;padding:22px 0}.site-header__inner{width:min(1440px,calc(100% - 48px));margin:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.brand{text-decoration:none}.brand__name{font:900 clamp(27px,3.2vw,44px)/.76 "Archivo Black",Arial Black,Arial,sans-serif;letter-spacing:-.07em}.brand__tag{display:inline-block;margin-top:10px;font:700 clamp(20px,1.9vw,29px)/.9 "Kalam","Segoe Print",cursive;transform:rotate(-2deg);border-bottom:5px solid var(--pink)}.site-nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px);font:700 14px/1 "Courier New",monospace;text-transform:uppercase}.site-nav a{text-decoration:none}.site-nav a:hover{box-shadow:inset 0 -10px var(--pink)}.site-nav .hello{background:var(--pink);padding:13px 18px;transform:rotate(2deg);box-shadow:none}.site-nav .hello:hover{background:#fff}
.hero{min-height:760px;background:var(--yellow);padding:150px 0 70px;display:flex;align-items:center}.hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:clamp(30px,7vw,100px);align-items:center}.hero h1{font:900 clamp(72px,8.5vw,128px)/.78 "Archivo Black",Arial Black,Arial,sans-serif;letter-spacing:-.075em;margin:0;max-width:7ch}.hero__copy{font:20px/1.45 "Courier New",monospace;margin:30px 0;max-width:620px}.button{display:inline-block;background:#111;color:#fff;text-decoration:none;padding:17px 23px;font:700 16px/1 "Courier New",monospace}.button:hover{background:var(--pink);color:#111}.photo-stage{position:relative;max-width:650px;margin:auto}.photo-print{position:relative;background:#fff;padding:16px 16px 46px;transform:rotate(-2deg);box-shadow:0 18px 38px rgba(0,0,0,.2);overflow:visible}.photo-print img{display:block;width:100%;height:auto;object-fit:contain;object-position:center center;filter:grayscale(100%)}.tape{position:absolute;z-index:2;top:-25px;left:34%;width:145px;height:48px;background:var(--pink);opacity:.95;transform:rotate(3deg)}.sticky{position:absolute;right:-10%;bottom:-7%;width:245px;background:#f5a9cd;padding:23px 25px 28px;font:700 22px/1.25 "Kalam","Segoe Print",cursive;transform:rotate(8deg);box-shadow:0 12px 25px rgba(0,0,0,.18);z-index:4}.sticky:after{content:"♡";display:block;text-align:center;font-size:34px;margin-top:7px}
.paths{padding:55px 0 65px}.section-title{text-align:center;margin:0;font:700 72px/.9 "Kalam","Segoe Print",cursive;transform:rotate(-1.5deg)}.section-title span{background:linear-gradient(transparent 55%,var(--yellow) 55% 91%,transparent 91%);padding:0 .25em}.section-sub{text-align:center;margin:8px 0 45px;font:18px/1.4 "Courier New",monospace}.path-grid{display:grid;grid-template-columns:repeat(4,1fr)}.path{padding:0 16px;border-right:1px solid var(--line)}.path:last-child{border-right:0}.path h2{display:inline-block;margin:0;font:700 58px/.85 "Kalam","Segoe Print",cursive;transform:rotate(-2deg);text-transform:uppercase;border-bottom:6px solid var(--pink)}.path p{min-height:78px;font:17px/1.35 "Courier New",monospace}.path figure{margin:0;overflow:hidden;clip-path:polygon(0 5%,100% 0,100% 96%,0 100%)}.path img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:.3s}.path:hover img{transform:scale(1.025)}.path>a{display:inline-block;margin:17px 0 0;text-decoration:none;font:700 33px/.9 "Kalam","Segoe Print",cursive;transform:rotate(-2deg);border-bottom:4px solid var(--pink)}.closing{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:58px}.closing__big{font:700 62px/.82 "Kalam","Segoe Print",cursive;transform:rotate(-2deg);margin:0}.closing__big span{border-bottom:6px solid var(--pink)}.closing__small{font:18px/1.45 "Courier New",monospace;margin:0}.site-footer{background:#111;color:#fff;padding:17px 0;font:13px/1.4 "Courier New",monospace}.site-footer__inner{display:flex;justify-content:space-between;gap:20px}.site-footer a{text-decoration:none}
.page-hero{padding:145px 0 65px;background:linear-gradient(var(--yellow) 0 125px,var(--paper) 125px)}.page-hero__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.eyebrow{font:14px/1 "Courier New",monospace;text-transform:uppercase}.page-title{display:inline-block;margin:20px 0 25px;font:700 clamp(68px,8vw,112px)/.82 "Kalam","Segoe Print",cursive;border-bottom:8px solid var(--pink)}.page-lead{font:700 clamp(20px,2vw,29px)/1.45 "Courier New",monospace}.page-copy{font:18px/1.6 "Courier New",monospace}.page-section{padding:65px 0}.page-section--yellow{background:var(--yellow)}.page-section--dark{background:#111;color:#fff}.chapter-heading{display:inline-block;margin:0 0 30px;font:700 clamp(54px,6vw,90px)/.82 "Kalam","Segoe Print",cursive;border-bottom:7px solid var(--pink)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.feature{border-top:1px solid currentColor;padding:25px 0}.feature h3{font:700 28px/1.05 Arial,sans-serif;margin:0 0 8px}.feature p{font:17px/1.55 "Courier New",monospace;margin:0}.project-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 32px}.project-link{display:block;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none}.project-link strong{display:block;font:700 44px/.9 "Kalam","Segoe Print",cursive}.project-link span{display:block;margin-top:8px;font:16px/1.45 "Courier New",monospace}.project-link:hover strong{box-shadow:inset 0 -12px var(--pink)}.quote-panel{padding:50px;border-left:8px solid var(--pink);background:rgba(255,255,255,.45)}.quote-panel blockquote{margin:0;font:700 clamp(36px,4vw,62px)/.95 "Kalam","Segoe Print",cursive}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-form label{display:block;margin:0 0 18px;font:15px/1.3 "Courier New",monospace}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #111;background:#fff;padding:14px;font:16px/1.4 "Courier New",monospace}.contact-form textarea{min-height:180px}.contact-form button{background:#111;color:#fff;border:0;padding:16px 24px;font:700 16px/1 "Courier New",monospace}
.drivers{display:grid;grid-template-columns:repeat(4,1fr)}.driver{padding:28px;border-right:1px solid var(--line)}.driver:last-child{border:0}.driver__icon{font-size:42px}.driver h3{display:inline-block;margin:10px 0;border-bottom:5px solid var(--pink);font:700 44px/.9 "Kalam","Segoe Print",cursive}.driver p{font:16px/1.5 "Courier New",monospace}.about-lower{display:grid;grid-template-columns:1.35fr .65fr;gap:60px}.signature{font:700 52px/.9 "Kalam","Segoe Print",cursive;text-align:right}
@media(max-width:1000px){.site-nav{display:none}.hero{padding-top:135px}.hero__grid,.page-hero__grid,.contact-grid,.about-lower{grid-template-columns:1fr}.hero__grid{gap:55px}.photo-stage{max-width:590px}.path-grid{grid-template-columns:repeat(2,1fr);gap:45px 0}.path:nth-child(2){border-right:0}.newsletter__inner{grid-template-columns:1fr}.feature-grid,.project-list{grid-template-columns:1fr}.drivers{grid-template-columns:repeat(2,1fr)}.driver:nth-child(2){border-right:0}}
@media(max-width:650px){.wrap,.site-header__inner{width:min(100% - 30px,1440px)}.brand__name{font-size:27px}.hero{padding-top:130px;min-height:auto}.hero h1{font-size:60px}.hero__copy{font-size:16px}.sticky{right:-2%;bottom:-25%;width:205px;font-size:16px}.photo-stage{padding-bottom:85px}.path-grid{grid-template-columns:1fr}.path{border-right:0;border-bottom:1px solid var(--line);padding:28px 0}.path p{min-height:auto}.closing,.newsletter__inner{grid-template-columns:1fr}.newsletter form{flex-direction:column}.section-title{font-size:52px}.page-hero{padding-top:125px}.page-title{font-size:62px}.drivers{grid-template-columns:1fr}.driver{border-right:0;border-bottom:1px solid var(--line)}.site-footer__inner{flex-direction:column}.quote-panel{padding:30px}}


/* 3.2 visual correction: match the approved mockup */
body:before{content:"";position:fixed;inset:0 0 auto;height:0;background:transparent;z-index:9999}
.site-header{top:0;background:transparent}
.hero{min-height:720px;padding:138px 0 54px}
.hero__grid{grid-template-columns:minmax(430px,.95fr) minmax(470px,1.05fr);gap:clamp(42px,6vw,90px);align-items:center}
.hero h1{font-size:clamp(70px,7.6vw,116px);line-height:.8;max-width:6.4ch}
.hero__copy{font-size:18px;line-height:1.5;margin:28px 0 26px}
.photo-stage{width:min(100%,620px);padding:12px 18px 34px 0}
.photo-print{padding:17px 17px 43px;transform:rotate(-1.6deg);box-shadow:0 14px 26px rgba(0,0,0,.18)}
.photo-print img{width:100%;aspect-ratio:1.13/1;object-fit:cover;object-position:50% 48%;background:#fff}
.tape{top:-22px;left:37%;width:150px;height:44px;transform:rotate(2deg)}
.sticky{right:-5%;bottom:-5%;width:235px;padding:22px 23px 25px;font-size:20px;transform:rotate(8deg);line-height:1.23}
.paths{padding:62px 0 58px;background-color:#f6f0e6}
.paths:before{content:"";display:block;position:absolute}
.section-title{display:block;width:max-content;max-width:100%;margin:0 auto;font-size:clamp(56px,5.8vw,78px);line-height:.9}
.section-title span{display:inline-block;padding:0 .32em;transform:rotate(-1deg)}
.section-sub{margin:10px 0 42px;font-size:16px}
.path-grid{gap:0}
.path{padding:0 22px}
.path h2{font-size:clamp(43px,4vw,58px);line-height:.82;transform:rotate(-2deg);transform-origin:left bottom}
.path p{min-height:70px;margin:18px 0 14px;font-size:15px;line-height:1.35;text-align:center}
.path figure{clip-path:polygon(0 4%,100% 0,100% 96%,0 100%)}
.path img{aspect-ratio:1/1.13;object-fit:cover}
.path>a{font-size:30px;transform:rotate(-2deg);transform-origin:left center}
.closing{margin-top:54px;grid-template-columns:1.1fr .9fr}
.closing__big{font-size:clamp(48px,5vw,68px);line-height:.86;transform:rotate(-2deg);transform-origin:left center}
.site-footer{padding:14px 0}
@media(max-width:1100px){
 .hero__grid{grid-template-columns:minmax(380px,.9fr) minmax(420px,1.1fr);gap:38px}
 .hero h1{font-size:76px}
 .photo-stage{width:min(100%,540px)}
 .sticky{right:-2%;width:210px;font-size:17px}
 .path{padding:0 14px}
 .path p{font-size:13px}
}
@media(max-width:1000px){
 .hero__grid{grid-template-columns:1fr;gap:54px}
 .hero h1{font-size:clamp(64px,11vw,94px)}
 .photo-stage{width:min(90%,610px)}
 .path img{aspect-ratio:4/3}
}
@media(max-width:650px){
 .hero{padding-top:120px;padding-bottom:34px}
 .hero h1{font-size:58px}
 .photo-stage{width:100%;padding-right:5px;padding-bottom:92px}
 .photo-print{padding:11px 11px 31px}
 .photo-print img{aspect-ratio:1.08/1}
 .sticky{right:-1%;bottom:-18%;width:190px;font-size:15px}
 .section-title{font-size:50px}
 .path h2{font-size:48px}
 .path img{aspect-ratio:4/3}
}